Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

joaogil

css em legendas "alt"

Por , em Desenvolvimento frontend

Recommended Posts

joaogil    1

joaogil
Postado

Como eu adiciono CSS naquele texto que é definido com a propriedade alt de uma imagem.

Por ex.:

 

<img src="imd01.gif" alt="legenda da Imagem" border="0">

 

Adicionar o css na texto "legenda da imagem" ????

Compartilhar este post

Link para o post
Compartilhar em outros sites

fael    1

fael
Postado

Não tem como personalizar esse texto, a não ser que você crie uma div para cada alt, assim você poderá formatar da maneira que desejar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Pessoal, vocês estão confundindo alternative com title

 

Alt é (ou pelo menos deveria ser apenas) o texto representativo que apareceria caso uma imagem não fosse encontrada (ou não pudesse ser renderizada)

 

Este texto é personalizável como qualquer outra tag, é possível definir estilo de fonte, tamanho, cor, bordas, e decoração.

 

Alguns browsers tomam por padrão ler o atributo alt como dica de ferramenta (tooltip), esta sim é padrão de sistema, e o verdadeiro responsável por essa característica é a tag title

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Só uma correção, meu caro Evandro: title é um atributo, e não uma tag (tudo bem, existe a tag <title>, mas ela é apenas inserida dentro do <head>).

 

Por ser um atributo, não pode ser alterado por CSS... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif O que se pode fazer é criar tooltips, como indicou nosso amigo senhorvip, mas personalizar o atributo title e qualquer outro atributo de qualquer tag, isso não é possível.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Só uma correção, meu caro Evandro: title é um atributo, e não uma tag (tudo bem, existe a tag <title>, mas ela é apenas inserida dentro do <head>).

 

Por ser um atributo, não pode ser alterado por CSS... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif O que se pode fazer é criar tooltips, como indicou nosso amigo senhorvip, mas personalizar o atributo title e qualquer outro atributo de qualquer tag, isso não é possível.

 

 

Sim, tag = errado, atributo = certo. Falha minha, obrigado pela correção.

 

Mas eu falava do atributo alt e não o title

 

qualquer customização feita na imagem (ou ancestrais) são passadas para a imagem. Pelo fato de ser uma imagem, não percebemos a modificação. Basta que a imagem não seja encontrada para que possa ser visto o 'efeito'

 

veja você mesmo (ignore o estilo inline, é apenas um teste)

 

<img src="http-~~-//endereconaoexiste.com/imagemnaoencontrada.jpg" style="color: yellow; font-family: verdana; font-size: 12px; text-decoration: underline" />

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito