hover text a obrazek

Petr
Autor
OFFLINE
Začátečník

Více

13. dub 2013 17:28 #106624 od Petr

hover text a obrazek od Petr

zdravím

rád bych při najetí na "nějaký text" se mi u obrazku změnila opacita a opačně při nejeti na obrazek se podtrhnul "nějaký text".
a aby odkazoval "nějaký text" i obrazek po kliknutí na určitou stránku..

řešil jsem to ruzně a furt nic...poradí někdo - nejlepe jen css

Code:

<div class="clanek cl_left" id="cl_reklama">
<table class="table_cl">
<tbody>
<tr>
<td><a href="xxx">nějaký text</a></td>
</tr>
<tr>
<td><a href="xxx"><img alt="zadat poptávku" src="tlacitko.png"></a></td>
</tr>
</tbody>
</table>
</div>

Petr
Autor
OFFLINE
Začátečník

Více

13. dub 2013 17:57 #106625 od Petr

Odpověď od Petr v tématu Re: hover text a obrazek

zkoušel jsem toto a nic

#cl_reklama.clanek a:hover + #cl_reklama.clanek img{
text-decoration:underline !important;
opacity:0.6;
}

Houbák
OFFLINE
Zkušený uživatel

Více

13. dub 2013 20:32 #106633 od Houbák

Odpověď od Houbák v tématu Re: hover text a obrazek

Pokud jsem to správně pochopil (není to napsané moc srozumitelně), tak tohle pouze pomocí CSS neuděláte, budete do toho muset zapojit i javascript.

Úřední deska

Cony
Pryč
Moderátor

Více

13. dub 2013 22:54 #106634 od Cony

Odpověď od Cony v tématu Re: hover text a obrazek

CSS selector + je pro bezprostředně následující prvky, Vám tam mezi nimi překážejí tagy tabulky.
Asi ne úplně přesně t co chcete by jste dokázal s CSS jak psal houbak, ale pokud by jste použil např. takovéto html

Code:

<a>
  <span>text odkazu</span>
  <img ...>
</a>

můžete se k tomu docela přiblížit.

Vygenerováno za 0.058 sekund