Autor | Zpráva | ||
---|---|---|---|
lachim15 Profil |
#1 · Zasláno: 25. 6. 2012, 12:03:02
Zdravím,
Potřeboval bych, aby se po najetí myší na text zobrazil obrázek, tuším že to bude javascript, ale nevím jak to nazvat, takže jsem ani na googlu nic nenašel. Díky za všechny reakce :) |
||
jenikkozak Profil |
#2 · Zasláno: 25. 6. 2012, 12:22:37
lachim15:
Nevím, jak přesně si to přestavuješ, ale dá se to zvládnout i jen s pomocí CSS: <style> div img{display:none} div:hover img{display:inline} </style> <div><p>Povídání</p><img src="obrazek.png"></div> |
||
lachim15 Profil |
#3 · Zasláno: 25. 6. 2012, 12:31:53
Ajo to funguje, jen mám problém že mi to pod ten text hodí mezeru:
http://img405.imageshack.us/img405/8096/123zl.jpg |
||
jenikkozak Profil |
#4 · Zasláno: 25. 6. 2012, 12:57:08
lachim15:
Možná je tam vnější okraj odstavce nebo divu. Margin si můžeš nastavit. |
||
lachim15 Profil |
Nastavit margin mi nepomohlo, neznáš jiný způsob?
|
||
Trejpa Profil |
#6 · Zasláno: 25. 6. 2012, 14:09:50
lachim15:
Vadí ti mezera pod odstavcem nebo pod obrázkem? div p { margin: 0 } div img { vertical-align: middle } |
||
lachim15 Profil |
Jak je na obrázku ta mezera pod tím Povídání, není tam žádná mezera v kódu a přece tam je... Potom co jsi mi napsal ty se mezera zmenšila, ale pořád tam je...
<div><p>Povídání</p><img src="hlavicka.jpg"></div> <br>aa <br>a <br>aaa <br>aa <br>aa <br>aa <br>a <br>a <br>asdad |
||
Trejpa Profil |
#8 · Zasláno: 25. 6. 2012, 14:18:22
lachim15:
„není tam žádná mezera v kódu a přece tam je...“ V kódu mezeru máš. <div><p>Povídání</p><img src="hlavicka.jpg"></div> <br>aa Co myslíš, že to udělá? Odřádkuje za </div> a znova odřádkuje na <br>. Dvě odřádkování za sebou vytvoří mezeru výšky jednoho řádku. |
||
lachim15 Profil |
To jsem ani nevěděl že </div> odřádkuje, díky za radu už je to ok :)
A neznáte i jiný způsob než css? |
||
margin Profil * |
#10 · Zasláno: 25. 6. 2012, 14:42:28
|
||
lachim15 Profil |
#11 · Zasláno: 25. 6. 2012, 14:53:13
a nevíte pod jakým názvem bych to vygooglil? nebo nemáte nějaký jednoduchý script?
|
||
Fisir Profil |
#12 · Zasláno: 25. 6. 2012, 15:02:08
Reaguji na lachima15 [#11]:
<p onmouseover="document.getElementById('obr').style.display = 'inline'" onmouseout="document.getElementById('obr').style.display = 'none'">Povídání</p> <img src="hlavicka.png" id="obr" style="display: none"> |
||
lachim15 Profil |
díky, šlo by nějak upravit aby to bylo jen na tom textu? takhle je že když najedu na řádek...
|
||
Fisir Profil |
Reaguji na lachima15 [#13]:
Požadovaný text obal do span u a jemu nastav atributy onmouseover a onmouseout :
<p><span onmouseover="document.getElementById('obr').style.display = 'inline'" onmouseout="document.getElementById('obr').style.display = 'none'">Povídání</span></p> <img src="hlavicka.png" id="obr" style="display: none"> |
||
lachim15 Profil |
#15 · Zasláno: 25. 6. 2012, 15:11:26
ok díky moc funguje jak má
|
||
Časová prodleva: 12 let
|
0