Autor | Zpráva | ||
---|---|---|---|
MilanJ Profil |
#1 · Zasláno: 5. 11. 2005, 15:01:36
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 |
#2 · Zasláno: 5. 11. 2005, 15:02:52
a img {border:1px solid #ff0000}
|
||
MilanJ Profil |
#3 · Zasláno: 5. 11. 2005, 15:48:53
A co pokud budu chtít, aby některé obrázky(jako link) měly jinou barvu rámečku?
|
||
Petra Profil |
#4 · Zasláno: 5. 11. 2005, 16:03:07
Tak jim přidáš třídu:
<a href="#" class="jinabarva"><img></a> a.jinabarva img{border:1px solid #00ff00} |
||
Laura Profil * |
#5 · Zasláno: 5. 11. 2005, 18:00:12
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 |
#6 · Zasláno: 5. 11. 2005, 19:17:32
Máš u toho odkazu pravděpodobně nastavený hover
a img {border-color: #000000;} a:hover img {border-color: #ff0000;} |
||
Laura Profil * |
#7 · Zasláno: 5. 11. 2005, 20:48:01
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 |
#8 · Zasláno: 5. 11. 2005, 21:21:39
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 * |
#9 · Zasláno: 5. 11. 2005, 22:17:58
No, to nemám. Koukni se sám :) http://cecilie.wz.cz/calouneni/style2.css
|
||
PerToon Profil |
#10 · Zasláno: 5. 11. 2005, 23:59:55
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 |
#11 · Zasláno: 6. 11. 2005, 02:58:42
<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í ©</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 é. |
||
Časová prodleva: 3 měsíce
|
|||
Mirek Mach Profil * |
#12 · Zasláno: 12. 2. 2006, 15:41:05
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;} |
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0