Autor Zpráva
Nina
Profil *
#1 · Zasláno: 27. 2. 2006, 20:38:10
Odpovědět Citovat
.promotion {
text-align: center;
}
.promotion img {
border: 3px solid #FF00CC;
margin-top: 3px;
margin-bottom: 3px;
}
.promotion img a:hover {
border: 10px solid #302926;
}
#right {
float: right;
width: 216px;
color: #FFFFFF;
}
#righttext {
width: 177px;
margin-left: 16px;
padding: 0px;
margin-bottom: 0px;
background-color: #3C3330;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>POKUS</title>
<link rel="stylesheet" media="screen,projection" type="text/css" href="pokus.css" />
</head>

<body> <div id="right">
<div id="righttext">
<div class="promotion"><a href="pouzit.html"><img src="images/reklama22.jpg" width="159" height="84" /></a></div>
</div><!-- end righttext -->
</div><!-- end right -->
</body>
</html>

Příklad : http://hujerovi.php5.cz/pokus.html

Nevíte někdo jak udělat, aby se barva rámečku u obrázku při hover měnila?

Děkuji
habendorf
Profil
#2 · Zasláno: 27. 2. 2006, 20:48:35
Odpovědět Citovat
.promotion img a:hover {
border: 10px solid #302926;
}

Podívej se, v jakém pořadí ti jdou tagy v html, pak už na to přijdeš sama.
RPG
Profil
#3 · Zasláno: 27. 2. 2006, 20:50:57
Odpovědět Citovat
img:hover{border:1px solid #tvoje_barva;}
Nefunguje v IE, tuším.


Ale pokud máš <img> jako odkaz (<a>), mělo by fungovat tohle:

img a:hover{border:1px solid #tvoje_barva;}
habendorf
Profil
#4 · Zasláno: 27. 2. 2006, 20:51:57 · Upravil/a: habendorf
Odpovědět Citovat
RPG: ty taky všechno hned vykecáš :o)

Update: teď koukám že to máš stejně blbě :o)
RPG
Profil
#5 · Zasláno: 27. 2. 2006, 21:06:52
Odpovědět Citovat
habendorf
Koukám, že tady se to občas zvrhává v "boj o první příspěvek". :-) Stejně jsi byl první. :-)

Blbě? No... němám to přesně podle Nininých představ. :-)
habendorf
Profil
#6 · Zasláno: 27. 2. 2006, 21:30:59
Odpovědět Citovat
Správně je .promotion a:hover img {}
Nina
Profil *
#7 · Zasláno: 28. 2. 2006, 13:02:43
Odpovědět Citovat
A mě nezbývá než Vám poděkovat :))
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0