Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal;
estou com um menu onde as bordas sao imagens e desejo que fique assim
| Link1 | link2 | link3 |
quando eu coloco a imagem de background na tag "li" alinhado a direita, fica faltando a imagem da borda esquerda do primeiro link. ( logico pois eu soh tinha definido a da direita)
Porém ai vem meu problema, como colocar para essa imagem aparecer na esquerda e na direita na mesma tag? para que nao fique faltando essa borda no primeiro link?
já tentei colocar assim e nao funcionou;
background:url(../img/linha.gif) no-repeat left right;alguma solução por ai?
Nao pode ser esse??? | kaka bom mais ai... você usa PHP ou alguma LINGUAGEm pode assim
Coloca a IMAGEM depois você faz uma Consulta e post o primeiro depois a IMAGEM novamente
em php usa do { e fecha com } while
ja outras nem tenho ideia...
mais se for normal você faz <IMG>MENU1<IMG>MENU2 assim vai...
usa LI pra da um espacamento
Porém ai vem meu problema, como colocar para essa imagem aparecer na esquerda e na direita na mesma tag? para que nao fique faltando essa borda no primeiro link?
****
isso ainda é impossivel! mas vamos ver quando entrar de vez a CSS 3 se isso melhora!
agora quanto ao seu problema
sugiro que crie uma lista normal como esta fazendo e este links
| Link1 | link2 | link3 |
você coloca dentro de uma tag span, cada um deles hein!?
ai aplica uma imagem de um lado e outra do outro!
será que você entendeu?
no html isso:
<ul>
<li><span>link1</span></li>
<li><span>link2</span></li>
<li><span>link3</span></li>
</ul>****
e no css isso:
li { float: left; width: 150px; }
li span { float: right: }
****
eu não testei mas acho que funciona!
abraço
eu tive problemas parecidos semana passada, ao inves de eu usar imagem acabei por usar border mesmo, resolveu meu problema.
>
Porém ai vem meu problema, como colocar para essa imagem aparecer na esquerda e na direita na mesma tag? para que nao fique faltando essa borda no primeiro link?
****
isso ainda é impossivel! mas vamos ver quando entrar de vez a CSS 3 se isso melhora!
agora quanto ao seu problema
sugiro que crie uma lista normal como esta fazendo e este links
| Link1 | link2 | link3 |
você coloca dentro de uma tag span, cada um deles hein!?
ai aplica uma imagem de um lado e outra do outro!
será que você entendeu?
no html isso:
<ul>
<li><span>link1</span></li>
<li><span>link2</span></li>
<li><span>link3</span></li>
</ul>****
e no css isso:
li { float: left; width: 150px; }
li span { float: right: }
****
eu não testei mas acho que funciona!
abraço
apenas acrescentando, faltou definir o background
li { float: left; width: 150px; background: transparent url(imagemL.gif) no-repeat left center; }
li span { float: right: background: transparent url(imagemR.gif) no-repeat right center; }
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif tinha me esquecido!
valeu
Essa bordinha precisa ser uma imagem?
Tenta criar uma imagem especial com as 2 bordas para o primeiro link,(ai você faz uma classe diferente pra ele) e as outras seguem normais.