FF nepareizi zīmē border <a> elementam, kurā atrodas <img>

[andrisp]

FF rāda nepareizi šo kodu:

 

http://paste.php.lv/4139

 

Kāpēc tā?

[kaszu]

Nomaini no:

div.image a {
	border: 1px solid gray;
	padding: 2px;
}

uz:

div.image a img{
	border: 1px solid gray;
	padding: 2px;
}

Edited July 24, 2006 by kaszu

[andrisp]

Šis variants neder, jo vajag arī:

 

a:hover {
border: 1px solid black;
}

 

bet diemžēl IE neatbalsta ne

a:hover img { }

ne

img:hover {}

[elfz]

Ja bildītēm izmēri fiksēti, tad vari darīt, piemēram, šādi,

div.image a {
	border: 1px solid gray;
	display: block;
	padding: 2px;
	width: 150px;
	height: 112px;
}

[andrisp]

nav fiksēti, bet es izlīdzējos tā, ka vienkārši a elementam piešķīru display: block; un inlainā style="width: [bildes_platums]px; "..

 

Rādas gan IE, gan FF.