Autor Zpráva
lachim15
Profil
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
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
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
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
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
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 *
lachim15:
A neznáte i jiný způsob než css?
Známe, tebou na začátku zmíněný JavaScript.
lachim15
Profil
a nevíte pod jakým názvem bych to vygooglil? nebo nemáte nějaký jednoduchý script?
Fisir
Profil
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 spanu 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
ok díky moc funguje jak má

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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