Autor Zpráva
MilanJ
Profil
Mám nastavený obrázek jako odkaz.
Když je nastavený v <A HREF....></A> má okolo sebe rámeček barvy podtržení.
Jak tomuhle rámečku změnit barvu???
Timy
Profil
a img {border:1px solid #ff0000}
MilanJ
Profil
A co pokud budu chtít, aby některé obrázky(jako link) měly jinou barvu rámečku?
Petra
Profil
Tak jim přidáš třídu:
<a href="#" class="jinabarva"><img></a>

a.jinabarva img{border:1px solid #00ff00}
Laura
Profil *
Když už jsme u toho - koukněte, co dělá rámeček obrázku u mě (jen v IE). Je zajímavý, že to dělá jen ten obrázek na úvodní straně http://cecilie.wz.cz a potom ikona na http://cecilie.wz.cz/proza.php. Ostatní ne...
PerToon
Profil
Máš u toho odkazu pravděpodobně nastavený hover

a img {border-color: #000000;}
a:hover img {border-color: #ff0000;}
Laura
Profil *
No áno, to mám! :D
Ale o to nejde, já když na to kouknu v IE, a najedu na to kurzorem, změní se barva toho rámečku jen z ČÁSTI, konkrétně jen nahoře :-/ A netušim proč... :(
PerToon
Profil
Tak to máš pravděpodobně definici jen pro jednu část rámečku, něco jako:
a:hover img {border-top-color: #ff0000;}
Laura
Profil *
No, to nemám. Koukni se sám :) http://cecilie.wz.cz/calouneni/style2.css
PerToon
Profil
Tak to nevím. Hrabal sem se ve zrojáku a kódu.... A na nic sem nepřišel... Dokonce se to tváří, jako kdyby ten rámeček nebyl jen nahoře, ale hned se zase uzavíral. Přečuhuje totiž o kousek pod horní hranu... Ale nevím proč by to dělal.... Zvláštní...
Radek Hrabůvka
Profil
<html>
<head>
<style>
.ramecek {float: left; margin: 0 0.8em 0 0; }
.ramecek a:link img {border: 4px solid red;}
.ramecek a:visited img {border: 4px solid green;}
.ramecek a:hover img {border: 4px solid gold;}
.ramecek a:link {color: #111;}
.ramecek a:visited {color: #112;}
.ramecek a:hover {color: #113;}
</style>
</head>
<body>
<div class="ramecek">
<a href="odkaz.html"><img src="fotka.png" height="95" width="85"></a>
</div>
<p class="obsah">Lorem ipsum dolor sit amet consectetuer sed at Curabitur pede eleifend. Suspendisse et augue mauris vitae consectetuer enim Pellentesque et ut metus. Ulhán maže cizí &copy;</p>
</body>
</html>

PerToon Zvláštní... To je floatem img. Tak jsem dal img do divu a ten je obtékaný. Navíc musím měnit barvu hover textu, a celá ta opičárna je kvůli modrému é.
Mirek Mach
Profil *
Měl jsem stejný problém, IE odmítal vyměnit barvu borderu obrázku při a:hover. Vyřešil jsem to takto:

img {border:3px solid #699;}

a:hover {border:0px solid #699;}

a:hover img {border:3px solid red;}
Toto téma je uzamčeno. Odpověď nelze zaslat.