tabel veranderd door foto

[hobbeldebobbel]

allereerst een plaatje gemaakt in FF maar in IE ziet het er precies hetzelfde uit. maar wel 200% vergroot voor de duidelijkheid.


de code van dit is gewoon een simpele tabel. Met in de middelste een plaatje van 16x16 pixels (het mannetje.
Als je nou kijkt naar de drie tekst lijntjes dan liggen ze niet op de zelfde lijn.

ik heb geprobeerd om in de middelste TD-cel een vertical-align statement met middle te zetten maar het veranderd niet.
hoe kan ik de tekst lijntjes op dezelfde hoogte krijgen? Het lijkt wel alsof de cel in het midden veranderd word. De rode kaders zijn gewoon de TD randen.

[Gromba]

Probeer eens de hele rij een hoogte van >16 pixels te geven

[hobbeldebobbel]

heb alle drie de cellen een hoogte gegeven van 30 px:

heb er even een dun blauw lijntje in getekend, je ziet dat de e bij de een erin zit en de andere erop staat...lijkt misschien pietpeuterig... maar je ziet het wel...

je zou toch zeggen dat als je in een cel de vertical align in het midden zet dat ze allemaal alles met het midden van het object in het midden van de cel zouden zetten...

[ Voor 23% gewijzigd door hobbeldebobbel op 19-11-2006 20:09 ]

[Gromba]

Probeer het mannetje eens een align="middle" mee te geven

[hobbeldebobbel]

hmm dat werkt.... nouja heb hem nu op align=top gezet en dan staat alles netjes op eenrijtje:
align = middle:

align="top"


maarja nu doet ie het....
maar wat ik dan nog niet snap is dat hij het niet automatisch meeneemt, hij (de cel) staat toch hoger in de DOM ..... hij zou die dan toch automatisch moeten meenemen...of heb ik dat verkeerd?

[Janoz]

Volgens mij komt het doordat je je plaatje inline geplaatst hebt. Hierdoor komt deze op dezelfde hoogte als de onderkant van de letters. Omdat het plaatje hoger is dan de tekst wordt de regelhoogte opgerekt waardoor de tekst lager komt. Je zou het ook kunnen oplossen door het plaatje een align="left" te geven vermoed ik.

[BlackIce]

Een inline plaatje word inderdaad op de lijn geplaatst. Oplossing hiervoor zou kunnen zijn de tekst apart van het plaatje te plaatsen in een span oid

[Verwijderd]

icemancool schreef op zondag 19 november 2006 @ 20:58:
Een inline plaatje word inderdaad op de lijn geplaatst. Oplossing hiervoor zou kunnen zijn de tekst apart van het plaatje te plaatsen in een span oid

Of in de CSS op de cel, en niet binnen de HTML. Je kunt je namelijk afvragen of de illustratie daar niet beter past

[moozzuzz]

De reden van het verspringen is die die Janos opgeeft. Evt. met achtergrond plaatje op te lossen (en wat nodige padding).