[Resolvido] com imagem...

[Hada 0]

Tipo pessoal, tenho uma imagem e logo em seguida um texto...

 

Como que faço pra quando passar o mouse em cima da imagem, o texto ficar sublinhado ?

 

Abrass.

[kwnds 0]

Para isso podes usar uma função javascript, mas aí o tópico está na secção errada..

Utiliza o evento onmouseover e metes esse texto dentro de uma <span>.

Com a função javascript alteras a style (penso que seja text-decoration ou algo assim).

Se precisares de ajuda para completar essa função javascript diz.

 

Abraço

[Carlos Designer 0]

olá Hada,

 

de uma forma bem simples poderia fazer assim:

 

<img src="imagem.jpg" alt="" onmouseover="this.nextSibling.nextSibling.style.textDecoration='underline'" onmouseout="this.nextSibling.nextSibling.style.textDecoration='none'" />
<p>Algum texto qualquer</p>

 

note que é a função nextSibling que acessa o elemento irmão da imagem que no caso é o parágrafo, usei nextSibling duas vezes porque entre a imagem e o parágrafo existe uma quebra de linha "invisivel" que tambem é irmã da imagem.

 

Tem como fazer isso de uma forma melhor, mas simplificando é assim.

[Hada 0]

Há já deu pra ter uma idéia...

 

Valeu pessoal, vocês são 10!! :P