[HTML] Lijn hoogte

[André]

Regeltje 1
Regeltje 2


Als je goed naar bovenstaan voorbeeld kijkt zie je dat tussen de opstaande lijntjes 1 a 2 pixels zit. Het zijn gewoon 2 plaatjes met daarachter een stukje tekst. Als ik de tekst weglaat en gewoon 2 plaatjes gebruik gevolgd door een <br> dan gaat het wel goed, maar als er tekst achter de 2 plaatjes staat gaat het fout.

Ik heb alles geprobeerd qua padding, margin en line-height maar niets lukt. Alleen als ik de topmargin van de tekst op -3px zet werkt het, maar dat vind ik vies.

Overigens, in Firebird is die 1 a 2 pixels tussenruimte er niet en gaat het goed.

Tips, anyone?

[DefaultUser]

Lettertype iets kleiner zetten of de plaatjes iets groter maken?? Of zit ik nu helemaal verkeerd te denken?

[creative8500]

Valt onder alles ook:

code:

img { margin: 0; padding: 0; border: 0; }

[André]

DefaultUser schreef op 29 december 2003 @ 19:27:
Lettertype iets kleiner zetten of de plaatjes iets groter maken?? Of zit ik nu helemaal verkeerd te denken?

Ja

creative8500 schreef op 29 december 2003 @ 19:33:
Valt onder alles ook:

code:

img { margin: 0; padding: 0; border: 0; }

Ja

Probeer het zelf maar eens:

HTML:

[img]"http://www.nobellaan.nl/astree/aspnode.gif"><img[/img]Test<br>
[img]"http://www.nobellaan.nl/astree/aspnode.gif"><img[/img]Test<br>

[creative8500]

Als ik de line-height van de paragraaf op 250px zet, doet hij niks. Het lijkt me dat Internet Explorer dáár bugt.

[André]

creative8500 schreef op 29 december 2003 @ 19:45:
Als ik de line-height van de paragraaf op 250px zet, doet hij niks. Het lijkt me dat Internet Explorer dáár bugt.

Als ik de tekst weglaat gaat het goed, en zodra ik de tekst er achter zet krijg ik die ruimte ertussen. Dus inderdaad, het zou een line-height-bug kunnen zijn.

[Verwijderd]

in een tabel zetten
de tr een hoogte meegeven van de image
de tekst valign=middle

voila

[Verwijderd]

voila

my thoughts exactly!
wel ff cellspacing & cellpadding op 0 zetten

[creative8500]

Verwijderd schreef op 29 december 2003 @ 19:52:
[...]

my thoughts exactly!
wel ff cellspacing & cellpadding op 0 zetten

Dat menen jullie toch niet? Tabellen zijn voor tabulaire data, remember

_{of heb ik het nou verkeerd?}

André: wat jij wilt kan véééél beter met nested lists

[ Voor 11% gewijzigd door creative8500 op 29-12-2003 19:54 ]

[André]

Verwijderd schreef op 29 december 2003 @ 19:48:
in een tabel zetten
de tr een hoogte meegeven van de image
de tekst valign=middle

voila

Nee, niet voila.

Kijk eens hier.

De voorbeeld plaatjes uit mijn eerste post zijn niet een opzichzelfstaand iets, maar onderdeel van deze tree. En daar gaat het dus fout.

Kom nou niet met prutsoplossingen ala tabelletje enzo.

[Verwijderd]

haal de spatie achter je woorden weg

doet het hier prima

[creative8500]

Verwijderd schreef op 29 december 2003 @ 20:16:
haal de spatie achter je woorden weg

doet het hier prima

Werkt niet hoor.

[André]

Verwijderd schreef op 29 december 2003 @ 20:16:
haal de spatie achter je woorden weg

doet het hier prima

Er staat geen spatie achter de woorden, alleen een kleine padding (als je de tree bedoeld).

creative8500 schreef op 29 december 2003 @ 19:53:
[...]

André: wat jij wilt kan véééél beter met nested lists

Ik heb al heel veel ervaring met het maken van deze tree. En ik ben tot nog toe geen snellere tegen gekomen. Ik geloof ook niet dat nested-lists het qua snelheid beter doen dan layers. En dan heb ik het over een tree met 3000 nodes.

En geloof me, bij 3000 nodes is elke milliseconde per node weer winst.

[ Voor 67% gewijzigd door André op 29-12-2003 20:23 ]

[creative8500]

André schreef op 29 december 2003 @ 20:19:
Ik heb al heel veel ervaring met het maken van deze tree. En ik ben tot nog toe geen snellere tegen gekomen. Ik geloof ook niet dat nested-lists het qua snelheid beter doen dan layers. En dan heb ik het over een tree met 3000 nodes.

Het was niet een reactie op je script maar op het effect van een tree: maar wellicht is het weer lastig doordat IE geen element + element { } ondersteunt.

[likkepot]

creative8500 schreef op 29 december 2003 @ 19:53:
Dat menen jullie toch niet? Tabellen zijn voor tabulaire data, remember
_{of heb ik het nou verkeerd?}

Tabellen zijn nog steeds de beste oplossing. Niet alleen kan je heel goed positioneren maar is dit het meest compatibel met andere browsers. (niet iedereen heeft IE )
Tabellen voor tabulaire data ? Wat een onzin !

[André]

likkepot schreef op 29 december 2003 @ 23:34:

Tabellen zijn nog steeds de beste oplossing. Niet alleen kan je heel goed positioneren maar is dit het meest compatibel met andere browsers. (niet iedereen heeft IE )
Tabellen voor tabulaire data ? Wat een onzin !

T A B E L = = = T A B U L A I R E D A T A !!!!!!!!!!!!!!!!!!!!!!!!!!

En vergeet dat nooit weer. En als je de draad ook nog eens gelezen had kwam je er wel achter dat ik helemaal geen tables wil gebruiken om performance technische reden. Bekijk ook de tekst op de pagina waar ik een link naar geef.

[Trinsec]

Eh, ik heb die nifty code even geprobeerd (mag ik die gebruiken? ik vind het wel handig eigenlijk) en in Firebird laat 'ie WEL ruimte tussen de lijntjes zien terwijl 'ie in MSIE foutloos weergeeft? Dat zijn mijn bevindingen.
(p.s. als je een oplossing hebt, lemme know. Ik gebruik voornamelijk Firebird)

[Puck]

Misschien ook een beetje een vieze oplossing, maar het werkt wel:

code:

[img]"http://www.nobellaan.nl/astree/asfolderclosed.gif"[/img]&nbsp;Test<br>
[img]"http://www.nobellaan.nl/astree/asfolderclosed.gif"[/img]&nbsp;Test<br>

Dus een align=center aan de images meegeven. En niet vergeten wel even je font-size klein genoeg te zetten.

[André]

Trinsec schreef op 30 december 2003 @ 11:53:
Eh, ik heb die nifty code even geprobeerd (mag ik die gebruiken? ik vind het wel handig eigenlijk) en in Firebird laat 'ie WEL ruimte tussen de lijntjes zien terwijl 'ie in MSIE foutloos weergeeft? Dat zijn mijn bevindingen.
(p.s. als je een oplossing hebt, lemme know. Ik gebruik voornamelijk Firebird)

Bij mij is het net andersom, zie jij in mijn eerst post de 2 lijnen dan ruimteloos op elkaar aansluiten?

PuCK schreef op 30 december 2003 @ 12:08:
Misschien ook een beetje een vieze oplossing, maar het werkt wel:

code:

[img]"http://www.nobellaan.nl/astree/asfolderclosed.gif"[/img]&nbsp;Test<br>
[img]"http://www.nobellaan.nl/astree/asfolderclosed.gif"[/img]&nbsp;Test<br>

Dus een align=center aan de images meegeven. En niet vergeten wel even je font-size klein genoeg te zetten.

Werkt bij mij niet, IE6+W2k en IE6+W98.

[Puck]

Ik snap er nu niks meer van. Andre, ik heb jou Astree gedownloaden en geopend (nav.htm) Als ik hem lokaal in IE bekijk dan sluiten de plaatjes gewoon mooi aan, maar als ik het voorbeeld op jouw site bekijk niet

Net geupload op mijn eigen server:

http://www.acidarts.net/got/astree/

Bij mij is klopt de aansluiting daar ook, alleen dus niet op jouw site

Ah stom stom stom, zie post hieronder

[ Voor 37% gewijzigd door Puck op 30-12-2003 13:23 ]

[André]

PuCK schreef op 30 december 2003 @ 13:14:
Ik snap er nu niks meer van. Andre, ik heb jou Astree gedownloaden en geopend (nav.htm) Als ik hem lokaal in IE bekijk dan sluiten de plaatjes gewoon mooi aan, maar als ik het voorbeeld op jouw site bekijk niet

Dat zal waarschijnlijk komen doordat in de zip file nog een oude css staat. Dat kun je snel genoeg zien: als er margin-top: -3px in staat is hij oud. Die oplossing werkte wel maar vond ik niet netjes.

[Verwijderd]

André schreef op 29 december 2003 @ 20:19:
Ik heb al heel veel ervaring met het maken van deze tree. En ik ben tot nog toe geen snellere tegen gekomen. Ik geloof ook niet dat nested-lists het qua snelheid beter doen dan layers. En dan heb ik het over een tree met 3000 nodes.

En geloof me, bij 3000 nodes is elke milliseconde per node weer winst.

Ik heb wel een snellere voor je, maar die is Mozilla-only

Voordeel van het gebruik van nested lists is bijvoorbeeld:

• Overzichtelijkere code -- als je altijd alleen maar DIVs gebruikt zie je op een gegeven moment door de bomen het bos niet meer.
• Verplichte 'dubbele nesting' -- je moet LIs & ULs gebruiken, dit levert allerei mogelijkheden op qua background images, bijvoorbeeld. De stippellijn wordt dan de achtergrond van de UL, de plusjes/minnetjes van de nodes een achtergrond van de LIs

Als oplossing voor je probleem: ik gebruik Firebird dus ik zie het niet, maar waarom hebben de images align="middle"?

[André]

Verwijderd schreef op 30 december 2003 @ 13:31:
[...]

Ik heb wel een snellere voor je, maar die is Mozilla-only

Voordeel van het gebruik van nested lists is bijvoorbeeld:

• Overzichtelijkere code -- als je altijd alleen maar DIVs gebruikt zie je op een gegeven moment door de bomen het bos niet meer.

Dat ligt eraan hoe je het maakt

Als oplossing voor je probleem: ik gebruik Firebird dus ik zie het niet, maar waarom hebben de images align="middle"?

Hebben die dat dan?

[Verwijderd]

zet eens vertical-align: bottom in je img css
(of iets anders wat je wilt, maar geen baseline)

[André]

Verwijderd schreef op 31 december 2003 @ 09:36:
zet eens vertical-align: bottom in je img css
(of iets anders wat je wilt, maar geen baseline)

Dat werkt, waarom weet ik niet, maar het werkt.
Met deze oplossing kan ik wel werken.

* André is blij en gaat goedgehumeurd het nieuwe jaar in