/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problemer med "træ"
Fra : Thomas Damgaard


Dato : 21-10-03 07:15

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



 
 
Knud Gert Ellentoft (21-10-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 21-10-03 07:25

"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

Thomas Damgaard (21-10-2003)
Kommentar
Fra : Thomas Damgaard


Dato : 21-10-03 07:51

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



Knud Gert Ellentoft (21-10-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 21-10-03 08:05

"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

Thomas Damgaard (21-10-2003)
Kommentar
Fra : Thomas Damgaard


Dato : 21-10-03 08:13

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



Knud Gert Ellentoft (21-10-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 21-10-03 08:36

"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

Lobais (21-10-2003)
Kommentar
Fra : Lobais


Dato : 21-10-03 16:37

> 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

Thomas Damgaard (21-10-2003)
Kommentar
Fra : Thomas Damgaard


Dato : 21-10-03 18:27

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



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste