[HTML,CSS] Obramowanie zdjęcia Opcje

[krzychu0808]

Witam....
Chciałbym zrobić ramkę wkoło zdjęcia np białą ale po najechaniu na zdjęcie żeby zmieniała kolor na np. żółty
Zrobiłem:

[HTML] pobierz, plaintext 
<div class="txtgal">
<center>
<a href="images/g1.jpg" rel="lightbox" title="G-War"><img src="images/mg1.jpg"></a>
</center>
</div>
[HTML] pobierz, plaintext 

Css:

[XML] pobierz, plaintext 
.txtgal {
    color:#FFFFFF;
    font-family: Tahoma;
    font-size:11px;
 
}
.txtgal a{
    border: 2px;
    border-color:#FFFFFF; 
 
}
.txtgal a:hover{
    border: 2px;
    border-color:#FFF000; 
 
}
[XML] pobierz, plaintext 

Ale nie działa zobaczcie http://kmp.elaz.eu/g-war/index.php?a=galeria

[woj_tas]

[HTML] pobierz, plaintext 
.txtgal a img {
   border: 2px;
   border-color:#FFFFFF;
 
}
.txtgal a:hover img {
   border: 2px;
   border-color:#FFF000;
 
}
[HTML] pobierz, plaintext 

[krzychu0808]

Nie wiem czemu ale w IE 7.0 wszystko działa a na Mozilla nie działa obramowanie..
Dałem:

[HTML] pobierz, plaintext 
.txtgal {
    color:#FFFFFF;
    font-family: Tahoma;
    font-size:11px;
 
}
.txtgal a img{
    border: 2px;
    border-color:#FFFFFF; 
 
}
.txtgal a:hover img{
    border: 2px;
    border-color:#FFF000; 
 
}
[HTML] pobierz, plaintext 

zobaczcie http://kmp.elaz.eu/g-war/index.php?a=galeria

[grzesiek_g]

[HTML] pobierz, plaintext 
.txtgal a img{
border: 2px solid #fff;
}
.txtgal a:hover img{
border: 2px solid #fff000;
}
[HTML] pobierz, plaintext 

// edit
Na IE6 to nie zadziała, użyj albo js albo obramowanie daj dla a:

[HTML] pobierz, plaintext 
.txtgal a {
display:block;
width:300px;
border: 2px solid #fff;
}
.txtgal a:hover
border: 2px solid #fff000;
}
[HTML] pobierz, plaintext 

Powinno zadziałać, nie testowałem bo nie mam włączonego IE6.

Ten post edytował grzesiek_g 12.03.2008, 12:54:20

[webspy]

Ja mam taki skrypt:

Kod

<a href="#"><img onmouseover="this.style.backgroundColor='#ffffff';" onmouseout="this.style.backgroundColor='transparent';" border="0" src="obrazek.jpg" alt=""></a>

Tylko, że znowu działa na Mozilli a w IE nie
to może połącz te dwa rozwiązania (js i css) i powinno działać tu i tu