Image border, hover w CSS - firefox a IE

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
gRanat
Posty: 1
Rejestracja: sob lut 24, 2007 12:03 pm
Kontakt:

Image border, hover w CSS - firefox a IE

Post autor: gRanat »

Witam wszystkich,

Mam mały problem dotyczący obrazków, a dokładnie ich obramowań. Chcę zrobić czarne obramowanie wokół obrazków, tak aby w chwili najechania na nie myszką zmieniało sie na białe. W firefoxie wszystko jest ok, nie wiem tylko co zrobić, żeby taki sam efekt osiągnąć w IE.

Strona www.manthor.pl (dział gallery - kwadratowe miniatury)

Kod html obrazka:

Kod: Zaznacz cały

<a href="photos/siudej/siudej1.jpg" target="_blank" class="minifoto"><img src="photos/_mini/siudej/01.jpg" border="5"></a>
Styl css:

Kod: Zaznacz cały

.minifoto {color: #000000;}
.minifoto:link, vlink {color: #000000;}
.minifoto:hover {color: #FFFFFF;}
W kodzie html występuje szerkość ramki, ponieważ gdy w css wpisuje border-width: 5; ramka w ogóle się nie pokazuje.

Czytałem gdzieś że dla IE trzeba zdefiniować styl ramki w css, np. border-style: solid; ale to nie pomaga - pojawia się tylko dodatkowa ramka na tle aktualnej niebieskiej (IE), do tego w firefoxie pojawia się jakiś dziwny prostokąt na dole każdej miniatury (taka jakby ramka z tyłu, na dole).

Bardzo proszę o pomoc i z góry dziękuję za jakąkolwiek pomoc :)
ODPOWIEDZ