[css] pozycjonowanie obrazków względem tekstu w divie.

0

Mam kod.

<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<TITLE>Galeria folderu</TITLE>
<style>
*{
font-family:georgia;
}
a{
display:block;
color:#FF0000;
text-decoration: none;
padding:20px;
}
a:hover{
display:inherit;
background-color:#FF0000;
color:#FFFFFF;
}
td{
border-right:solid 3px #FF0000;
}
#filename{
valign:middle;
}
</style>
</HEAD>
<BODY>
<table>
<tr><td><a href="link"><img src="miniaturka.gif"></a></td><td><a href="link">LINK1</a></td></tr>
<tr><td><a href="link"><img src="miniaturka.gif"></a></td><td><a href="link">LINK2</a></td></tr>
<table>
</BODY>
</HTML>

Wygląda to mniej więcej w ten sposób user image

Po podświetleniu podświetla się tylko mały kawałeczek tego tekstu (na oko - 20px+rozmiar czcionki :-P )

I tutaj pojawia się pytanie, jak zrobić, żeby po najechaniu na tekst automatycznie kolorowało się całe tło wokół obrazka i tekstu, lecz żeby to podobnie wyglądało. (Chodzi mi tutaj o układ tego wszystkiego, bo mam skrypt galerii z opisem i komentarzem i tutaj pojawiłyby się dane w kilku liniach typu rozmiar nazwa opis itp.)

0

na 100% 20px - padding: 20px;

Najłatwiej to rozwiązać poprzez ustawienie height dla a na 100%.
Pozostaje jeszcze wycentrowanie tekstu w pionie.

0

dałoby się tutaj uniknąć robienia tabelek? Bo strasznie mnie wnerwia takie pozycjonowanie strony ;/

1 użytkowników online, w tym zalogowanych: 0, gości: 1