Autor Zpráva
opicakuz
Profil
Zdravim,
mam problem s onmouseout. Mamm kod, ktery by mel obrazek 1 zmenit na obrazek 2 ve chvili, kdy na nej najedu mysi a obracene. Za Boha mi to ale nefunguje. Pokud odstranim css styly, tak take ne. Pokud vsak tento kod napisu v administraci do clanku, tak mi vse funguje. Mate nekdo radu? Diky moc



<h1><a href="./" onmouseout="self.document['obr1'].src='./vzhled/styl-cholerik/img/clanek_ico.png';" onmouseover="self.document['obr1'].src='/vzhled/styl-cholerik/img/clanek_ico_ahover.png';"> <img name="obr1" src="./vzhled/styl-cholerik/img/clanek_ico.png" border="0"> </a> <a href="47-pf-2011.html">PF 2011</a> &nbsp;&nbsp; <a href="./admin/index.php?go=202&amp;textid=47" class="odkaz-editovat" title="Jsi autor, admin nebo redaktor. Klikni pro editaci.">(editovat)</a></h1>



web: http://opicakuz.desitka.cz
jinak ten obrazek e ta zarovicka u kazdeho nadpisu clanku.
Darker
Profil
Já bych to udělal takto:
<span class=zarovicka> </span> 

span .zarovicka {width:33px;height:50px;background:url("http://opicakuz.desitka.cz/vzhled/styl-cholerik/img/clanek_ico.png")}
span .zarovicka:hover {background:url("http://opicakuz.desitka.cz/vzhled/styl-cholerik/img/clanek_ico_ahover.png")}
lachtan
Profil *
Darker:
Já bych to udělal takto:
Já bych to udělal nez spanu.
opicakuz
Profil
Tak jsem zkusil radu od Darkera. Bohuzel mi to stale nefunguje...

Rada od Lachtana. Funguje to, ale pouze s jpg typy. Ja mam ale transparentní png.
Davex
Profil
opicakuz:
Tak jsem zkusil radu od Darkera.
Zkus to ještě bez té mezery mezi span .zarovicka

Nebo posunem posunem obrázku v odkazu: http://stuff.1-webdesign.cz/text-indent.html
opicakuz
Profil
mezera nepomaha. Posun obrazku mi tam nefacha. Misto posunuti se zmensi a po najeti zmizi a zustane prazdny text
margin
Profil *
opicakuz:
Funguje to, ale pouze s jpg typy. Ja mam ale transparentní png.
Problém bude jinde, uvedený kód funguje se všemi typy obrázků úplně stejně. Problém je, že span je řádkový a proto mu nejdou dát rozměry.

mezera nepomaha
Mezera tam být nemá.

Kouknul jsem do tvého CSS, máš tam chaos v závorkách:
a {
	color: #93B300;
	img {border: 0px;}
}


a:hover {
	text-decoration: none;
	img {border: 0px;}
}


Jde to třeba takto, bez namáčení:
h1 a {
	display: block;
	height: 50px;
	padding-left: 60px;
	background: url(vzhled/styl-cholerik/img/clanek_ico.png) 20px 0 no-repeat;
}
h1 a:hover {
	background-image: url(vzhled/styl-cholerik/img/clanek_ico_ahover.png)
}
opicakuz
Profil
zkusil jsem to podle tvé rady., ale obrázek se nezobrazí. Koukni sem: Odkaz Mělo by to být před každým nadpisem.
margin
Profil *
Aha, já jsem napsal cestu relativně k HTML souboru, takže od CSS bude cesta takto:
url(../img/clanek_ico.png)

Obdobně pro druhou žárovičku.
opicakuz
Profil
Yesss! Díky mockrat! Tohle ti nezapomenu ;)
opicakuz
Profil
Ještě jedna věc. Co mám udělat, aby žárovka mohla být samostatným odkazem?
Díky
pavuk
Profil
Místo
<a href="javascript: alert('Nech mě bejt!')"> </a>
zapíšeš
<a href="http://www.neco.cz/"> </a>
opicakuz
Profil
Já to myslel jinak.

Potřebuji dát žárovku vedle nadpisu, ale nadpis článu směřuje na článek a žárovka na alert.
opicakuz
Profil
Zkrátka potřebuji, aby se ta žárovička zobrazila vedle nadpisu, ale neodkazovala na článek. Bude to něco v divech, ale nepřišel jsem na chybu...
pavuk
Profil
Tak jí dej jako obrázek na pozadí nadpisu a pohraj si s marginem a paddingem
opicakuz
Profil
Ale to potom nemůže fungovat jako samostatný odkaz. Představuji si to takto:


Žárovka - Odkaz na web X
Nadpis - odkaz na článek
opicakuz
Profil
Kdyžtak css je na adrese http://opicakuz.desitka.cz/vzhled/styl-cholerik/css/style_index.css

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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