hover text a obrazek

13. dub 2013 17:28 #106624

hover text a obrazek od Petr

Začátečník

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>

13. dub 2013 17:57 #106625

Odpověď od Petr

Začátečník

zkoušel jsem toto a nic

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

13. dub 2013 20:32 #106633

Odpověď od Houbák

Zkušený uživatel

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

13. dub 2013 22:54 #106634

Odpověď od Cony

Moderátor

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.

Přihlásit se

Joomla 5.2.2 Security & Bugfix Release

hover text a obrazek

Nejnovější příspěvky