Autor | Zpráva | ||
---|---|---|---|
opicakuz Profil |
#1 · Zasláno: 26. 12. 2010, 02:44:00
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> <a href="./admin/index.php?go=202&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 |
#2 · Zasláno: 26. 12. 2010, 03:24:16 · Upravil/a: Darker
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 * |
#3 · Zasláno: 26. 12. 2010, 06:56:00
|
||
opicakuz Profil |
#4 · Zasláno: 26. 12. 2010, 17:39:47
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 |
#5 · Zasláno: 26. 12. 2010, 18:06:14
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 |
#6 · Zasláno: 26. 12. 2010, 18:37:21
mezera nepomaha. Posun obrazku mi tam nefacha. Misto posunuti se zmensi a po najeti zmizi a zustane prazdny text
|
||
margin Profil * |
#7 · Zasláno: 26. 12. 2010, 19:55:21
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 |
#8 · Zasláno: 26. 12. 2010, 21:06:00
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 * |
#9 · Zasláno: 26. 12. 2010, 21:23:53
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 |
#10 · Zasláno: 26. 12. 2010, 21:29:24
Yesss! Díky mockrat! Tohle ti nezapomenu ;)
|
||
opicakuz Profil |
#11 · Zasláno: 26. 12. 2010, 22:13:06 · Upravil/a: opicakuz
Ještě jedna věc. Co mám udělat, aby žárovka mohla být samostatným odkazem?
Díky |
||
pavuk Profil |
#12 · Zasláno: 26. 12. 2010, 22:26:19
Místo
<a href="javascript: alert('Nech mě bejt!')"> </a> <a href="http://www.neco.cz/"> </a> |
||
opicakuz Profil |
#13 · Zasláno: 26. 12. 2010, 23:29:48
Já to myslel jinak.
Potřebuji dát žárovku vedle nadpisu, ale nadpis článu směřuje na článek a žárovka na alert. |
||
Časová prodleva: 10 dní
|
|||
opicakuz Profil |
#14 · Zasláno: 6. 1. 2011, 09:20:08
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 |
#15 · Zasláno: 6. 1. 2011, 09:28:56
Tak jí dej jako obrázek na pozadí nadpisu a pohraj si s marginem a paddingem
|
||
opicakuz Profil |
#16 · Zasláno: 6. 1. 2011, 09:30:40 · Upravil/a: opicakuz
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 |
#17 · Zasláno: 7. 1. 2011, 11:50:15
Kdyžtak css je na adrese http://opicakuz.desitka.cz/vzhled/styl-cholerik/css/style_index.css
|
||
Časová prodleva: 13 let
|
0