Vertikal alignment af element i tabelcelle
Jeg har en JSP side, der i en tabel viser henholdsvis et billede og en tekst. Begge elementer udgør samlet set et link i en menu.Billedet skal være til venstre for teksten og være vertikalt centreret i den celle den indgår i.
I samme celle skal der også være et tekstelement. Dette tekstelement er nogle gange længere end den tildelte celle, hvorefter teksten bliver ombrudt. Ombrydningen er ikke et problem. Problemet er at jeg gerne vil have en effekt, hvor billedet står fast vertikalt centreret til venstre, og lidt til højre kommer teksten så, ombrudt eller ikke ombrudt.
Link, billede og tekst er indsat ved hjælp af Struts, men det burde ikke påvirke løsningen.
Herunder kan ses et forsøg på at illustrere problemet..
Det ønskede resultat:
____________ ____________
| En tekst | | |
|@ der er | |@ En tekst |
|__ombrudt__| |___________|
Det uønskede resultat:
____________ ____________
|O En tekst | | |
|der er | |@ En tekst |
|ombrudt____| |___________|
Jeg går ud fra at jeg kan ordne det ved at pakke billedet ind i <div class="billede"></div>.
Så det jeg spørger om er følgende:
Hvad skal jeg skrive i min .css fil, for at få den ønskede effekt?
Kode:
...
<html:link page="/visenside"
paramId="screen"
paramName="menu"
paramScope="page">
<td class="menuimg">
<html:img page="/imgs/enside.gif"
border="0"
align="middle"
width="15"
height="12"
altKey="menu.enside.label"/>
</td>
<td class="menuenside">
<bean:message key="menu.link.category"/>
</td>
</html:link>
...
Spørgsmålet er tidligere stillet i Programmering>JSP (Struts): http://www.eksperten.dk/spm/525784
Se linket for uddybende info.