Ir para conteúdo

POWERED BY:

Arquivado

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

Spider Web

imagem em lista de link

Recommended Posts

Opa pessoal tenho uam lista de link em um site, gostaria de colocar uma imagem na frente de todos os links da lista.bem a imagem deve ser colocada ia html? ou tem como fazer no css para quando adcionar uma lista automaticamente ele inserir a imagem na frente?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Hipoteticamente falando, num menu vertical seria:imagem [espaço] item do menu 1imagem [espaço] item do menu 2 ...imagem [espaço] item do menu nÉ isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

BOm, se a imagem for decorativa você vai colocar um BACKGROUND:URL() 0 0 NO-REPEAT; (onde o 0 0 é o posicionamento da sua imagem.As possibilidades são imensas, mas o começo é isso aí. Você pode ainda colocar esse background dentro da tag A, economizando assim trabalho. Porém, se forem imagens diferentes, serão classes de estilo diferentes. :) Eu costumo fazer isso com frequência, por se a imagem é decorativa ela não entra no HTML, mas somente no CSS (design no CSS, estrutura e informação universais no HTML).Abraço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se for assim, uma alternativa é no li fazer o seguinte:

 

#menu ul li{background: imagem left center no-repeat;...padding-left: 10px;}

Na imagem você coloca a figura que você quer.

 

[]´s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pensem sempre na semantica, se a imagem acrescentar algo ao conteudo(alguma explicação, alguma foto), coloque no html, se ela for só pra ficar bonito(um fundo, uma setinha) coloque no css.[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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