Autor Zpráva
josef
Profil
#1 · Zasláno: 30. 3. 2006, 12:04:10
Odpovědět Citovat
Potreboval bych poradit,jak udelat,aby po najeti mysi na odkaz se mi menil jen obrazek(ktery je jako odkaz) ale ramecek kolem toho obrazku zustane stejny.Pro presnejsi popis problemu sem dam kod:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Nová stránka 1</title>
</head>
</style>
<style type="text/css">
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
</style>
<body>

<p>
<a class= "linkopacity"href="stranka2.htm">
<img border="4" src="images/obrazek1.jpg" width="240" height="182" style="border-style: ridge; border-color: #80FFFF; border-width: 10px"></a></p>

</body>

</html>

(Staci to jen nakopirovat do poznamkoveho bloku a ulozit jako...html)

Pokud do toho dosadite jeste nejaky svuj obrazek,tak se v prohlizeci zobrazi jako pruhledny,po najeti mysi je obrazek normalni.
(Funguje to v IE i Firefoxu)Chtel bych to jen zmenit tak,aby se ta pruhlednost nevztahovala na ten tamecek,ale menil se jen obrazek.Diky za rady,josef
Radek Hrabůvka
Profil
#2 · Zasláno: 31. 3. 2006, 03:56:34
Odpovědět Citovat
Rámeček nebude mít obrázek ale obalový div. Protože neznám další kód, je možné, že bude třeba dát divu ještě display: inline;
div.ramecek {width=:240px; height:182px; border: 4px double #123456;}
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0