---

Hej,

Jeg har lavet et "træ" som kan foldes ud og sammen efter behov.
Det er lavet ved at nogle små billeder på 12x12px med dottede linier eller
forgreninger på er vist før hver element i træet.

Noget i stil med dette:

[|] , [+], [-] <--- dette repræsenterer billeder

Hovedelement
[|]
[+][-] underelement
[+][+] underelement2
[|][+][-] underelement
[|]
[+][-] element
[|]
osv...


Mit problem er at der mellem billederne er et lille mellemrum.
Det er som om teksten og billedet ikke står på helt samme linie.

Hvordan forhindrer jeg det?

Med venlig hilsen
Thomas Damgaard

---

"Thomas Damgaard" <tdn@sprex.dk> skrev :

>Mit problem er at der mellem billederne er et lille mellemrum.
>Det er som om teksten og billedet ikke står på helt samme linie.

Lad os se siden eller upload en testside, hvor fejlen optræder.
--
Knud

---

Knud Gert Ellentoft wrote:
> Lad os se siden eller upload en testside, hvor fejlen optræder.

Ok, men det er ca. 100 linier.
Here goes:

---8<-----8<-----8<-----8<-----8<--

<style>
a {text-decoration: none;color:#000;}
body,table{color:#000;font: normal normal 11px verdana;}
img{border:0;margin-bottom: -1px;}
/*
Billederne er alle 12x12px, derfor sætter jeg lige width og height til 12px
på alle pics.
Det har jeg ellers ikke på originalen.
*/
img{width:12px;height:12px;}
</style>
<p>
<img src="gfx/site.gif" alt="site 1">
<b>foobar</b>
<a href="" target="_BLANK"><img src="gfx/preview.gif" alt="Preview
page?"></a>
<br>
<img src="gfx/tree.gif" alt="" width="12">
<br>
<img id="expand_page_group_1" src="gfx/tree_plus.gif"
alt="Expand/contract" width="12" onclick="expand_page_group(1);">

<a href=""><img src="gfx/page_shown.gif" alt="Hide this page?"></a>
<a href="ephp?id=1">foobar</a>
<img src="gfx/frontpage1.gif" alt="This page is front page">
<a href="php?id=1" onclick="return confirmSubmit()" ><img
src="gfx/delete.gif" alt="Delete?"></a>
<a href="http://qwa.mservice.dk/?id=1" target="_BLANK"><img
src="gfx/preview.gif" alt="Preview page?"></a>
<br>
<div id="page_group_1" style="display:block; ">
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/branch.gif" alt="" width="12">
<a href="shfoo?id=7&amp;shown=0"><img src="gfx/page_shown.gif"
alt="Hide this page?"></a>
<a href="editfoo?id=7">foobar</a>
<a href="deletefoo?id=7" onclick="return confirmSubmit()" ><img
src="gfx/delete.gif" alt="Delete?"></a>
<a href="http://qwa.mservice.dk/?id=7" target="_BLANK"><img
src="gfx/preview.gif" alt="Preview page?"></a>
<br>
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/tree_end.gif" alt="" width="12">
<img src="gfx/new_page.gif" alt="" width="12">
<a href="newfoo?level=3&parent=7">[New page]</a>
<br>
<!-- GØR SIDE TRÆET MERE OVERSKUELIGT -->
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/tree.gif" alt="" width="12">
<br>
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/tree_end.gif" alt="" width="12">
<img src="gfx/new_page.gif" alt="" width="12">
<a href="newfoo?level=2&parent=2">[New page]</a>
<br>
</div>
<img src="gfx/tree.gif" alt="" width="12">
<br>
<img id="expand_page_group_3" src="gfx/tree_plus.gif"
alt="Expand/contract" width="12" onclick="expand_page_group(3);">
<a href="shfoo?id=3&amp;shown=0"><img src="gfx/page_shown.gif" alt="Hide
this page?"></a>
<a href="editfoo?id=3">foobar</a>
<a href="set_frontpage.php?id=3"><img src="gfx/frontpage0.gif" alt="Set
this page as front page"></a>
<a href="deletefoo?id=3" onclick="return confirmSubmit()" ><img
src="gfx/delete.gif" alt="Delete?"></a>
<a href="http://qwa.mservice.dk/?id=3" target="_BLANK"><img
src="gfx/preview.gif" alt="Preview page?"></a>
<br>
<div id="page_group_3" style="display:block; ">
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/branch.gif" alt="" width="12">
<a href="shfoo?id=14&amp;shown=0"><img src="gfx/page_shown.gif"
alt="Hide this page?"></a>
<a href="editfoo?id=14">foobar</a>
<a href="deletefoo?id=14" onclick="return confirmSubmit()" ><img
src="gfx/delete.gif" alt="Delete?"></a>
<a href="http://qwa.mservice.dk/?id=14" target="_BLANK"><img
src="gfx/preview.gif" alt="Preview page?"></a>
<br>
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/tree_end.gif" alt="" width="12">
<img src="gfx/new_page.gif" alt="" width="12">
<a href="newfoo?level=3&parent=14">[New page]</a>
<br>
<!-- GØR SIDE TRÆET MERE OVERSKUELIGT -->
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/tree.gif" alt="" width="12">
<br>
<img src="gfx/tree.gif" alt="" width="12">
<img src="gfx/tree_end.gif" alt="" width="12">
<img src="gfx/new_page.gif" alt="" width="12">
<a href="newfoo?level=2&parent=32">[New page]</a>
<br>
</div>
<img src="gfx/tree.gif" alt="" width="12">
<br>
<img src="gfx/tree_end.gif" alt="" width="12">
<img src="gfx/new_page.gif" alt="" width="12">
<a href="newfoo?level=1">[New page]</a>
<br>
</p>

---8<-----8<-----8<-----8<--

Mvh
Thomas Damgaard

---

"Thomas Damgaard" <tdn@sprex.dk> skrev :

>Ok, men det er ca. 100 linier.

Øhh, jeg mente nu, se siden på nettet, det fortæller meget mere
end end masse kode, som man skal klippe og klistre med uden at
have f.eks. de rigtige billeder.
--
Knud

---

Knud Gert Ellentoft wrote:
> "Thomas Damgaard" <tdn@sprex.dk> skrev :
>
>> Ok, men det er ca. 100 linier.
>
> Øhh, jeg mente nu, se siden på nettet, det fortæller meget mere
> end end masse kode, som man skal klippe og klistre med uden at
> have f.eks. de rigtige billeder.

jeg har sat billedernes height og width til 12px øverst i stylen.
jeg har p.t. ikke nogen webserver jeg kan smide det ud på.

du kan jo bare gemme filen lokalt og åbne den i en browser.

det skulle ikke være nødvendigt med billeder når w/h er sat.
man kan se mellemrummet alligevel.
det er det som er problemet.

mvh
Thomas

---

"Thomas Damgaard" <tdn@sprex.dk> skrev :

>jeg har p.t. ikke nogen webserver jeg kan smide det ud på.

Hos din internetudbyder eller et af de utallige gratis steder.

>det skulle ikke være nødvendigt med billeder når w/h er sat.
>man kan se mellemrummet alligevel.
>det er det som er problemet.

Det må du så håbe, at en anden gider.
--
Knud

---

> jeg har p.t. ikke nogen webserver jeg kan smide det ud på.
Der findes nogle gratis... Det er jo altid smart, hvis du nu skulle
have hjælp til noget andet en anden gang ;)

> du kan jo bare gemme filen lokalt og åbne den i en browser.
Hvem gidder det ;)

> det skulle ikke være nødvendigt med billeder når w/h er sat.
Prøv også at sætte border:0px; og udflylde alt, med fx. + og -.

> man kan se mellemrummet alligevel.
> det er det som er problemet.
Vær sikker på der ikke er nogle mellemrum, og margin.
Husk at linjeskift = mellemrum.

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Lobais wrote:
>> jeg har p.t. ikke nogen webserver jeg kan smide det ud på.
> Der findes nogle gratis... Det er jo altid smart, hvis du nu skulle
> have hjælp til noget andet en anden gang ;)
>
>> du kan jo bare gemme filen lokalt og åbne den i en browser.
> Hvem gidder det ;)
>
>> det skulle ikke være nødvendigt med billeder når w/h er sat.
> Prøv også at sætte border:0px; og udflylde alt, med fx. + og -.


erhm..... er border ik sat til 0?
og hvad mener du med + og -?


>> man kan se mellemrummet alligevel.
>> det er det som er problemet.
> Vær sikker på der ikke er nogle mellemrum, og margin.
> Husk at linjeskift = mellemrum.

Ja, det har jeg tjekket.

Det er ikke det.

Mvh
Thoams Damgaard