Autor Zpráva
Metheor
Profil *
Zdravim, mam probem. Jako odkaz mam obrázek, když přijedu myší nad, tak chci aby se mi zmenil na jinej obrazek. Top style to simuluje dobře, ovšem IE ani FF to nebere. V čem je sim vas chyba?Dík


.about {
position: absolute;
top: 151px;
#top: 157px;
left: 115px;
width: 150px;
height: 174px;
background-image: url(about1.png);
}



a.about:hover {
background-image: url(about.png);
width: 150px;
height: 174px;
}
Nox
Profil
a máš ten obrázek na správném místě?
(v tomto případě ve stejné složce)
Bubák
Profil
Vyzkoušej tohle:
.about {
position: absolute;
top: 151px;
#top: 157px;
left: 115px;
width: 150px;
height: 174px;
background: blue;
}

a.about:hover {
background: red;
/* neni treba znova davat rozmery */
}

Pak budeš vědět, jestli je chyba v cestě k obrázku, nebo v něčem jiném.
Metheor
Profil *
2Bubák: to s tema barvama sem zkoušel, ani ty nefungujou...
2Nox: i složky sou správně
habendorf
Profil
Nějak mi tam chybí block.
Metheor
Profil *
habendorf: tak to pak teda nevim jak to myslíš...
habendorf
Profil
Metheor

a je inline element, nemá width, nemá height.
Metheor
Profil *
habendorf: ..... tak já to asi blbe zapsal, ale zase nic:(
habendorf
Profil
Tak ukaž ještě html. Nebo to dej někam na net a sem link.
Metheor
Profil *
<div class="menu">

<a href="index.php?action=about" ><div class="about"></div></a>
</div>


na netu to ješte není...
habendorf
Profil
No a jsme u toho. To html je blbost - máš tam nějaký odkaz s class about, např.?
Metheor
Profil *
<div class="menu">

<a href="index.php?action=about" ><div class="about">Odkaz</div></a>
</div>

máš na mysli tohle nebo nejakej obrázek..např?
habendorf
Profil
Mám na mysli to, že ten div v a nemá co dělat. Navíc se v css odvoláváš na a.about, ale v html žádný a s class about nemáš.
Metheor
Profil *
No tak sem se to pokusil opravit podle tebe, a dál už fakt nevim, bud je to tou pokročilou dobou bo sem pitomej:)

<div class="about"><a href="index.php?action=about" ><img src="about1.png" alt="" width="150" height="174" border="0"></a></div>



.about {
display: block;
position: absolute;
top: 151px;
#top: 157px;
left: 115px;

}

.about a:hover {
display: block;
background-image: url(about.png);
}



a zas to nefunguje, předpokládam že celý blbě:(
Bubák
Profil
Metheor
Ty to více kazíš, než opravuješ.
DIV se třídou about je tam zbytečný, vyhoď ho ven, třídu "about" dej odkazu.
Metheor
Profil *
ja sem asi fakt blbej ale pořád nic:D .....2Bubák..udělal sem jak si psal
Bubák
Profil
<style>
a.about {
position: absolute;
top: 151px;
#top: 157px;
left: 115px;
width: 150px;
height: 174px;
background: yellow;
}

a.about:hover {
background: red;
}
</style>

<div class="menu">
<a class="about" href="index.php?action=about">Odkaz</a>
</div>
habendorf
Profil
Bubák

Ale no tak, ještě 15 příspěvků a přišel by na to sám.
Manq
Profil
Ale no tak, ještě 15 příspěvků a přišel by na to sám.
Ještě nikde není napsané, že to Metheor rozchodil :o).

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: