Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
isso, então é html mesmo.pensei que dava pra fazer pelo css.
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!
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
boa, como estou usando uma lista, e todas as imagens antes do link na lista será a mesma ( por exemplo seta) então vou colocar pelo css mesmo.vlw gio.
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
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?