[Resolvido] Separador de Menu

[Felipe Murari 0]

Pessoal ja vi varios topicos falando sobre separador de menu, tenho um menu vertical e queria colocar um separador entre os menus, o codigo css

do menu está assim:

 

.Left .BlockContent a { text-decoration:none; color:#333;}

.Left .BlockContent ul li a:hover {text-decoration:underline;}

.Left .BlockContent ul li {margin-top:5px;background-image:url(../img/separar.gif);}

.Left .BlockContent ul li a {text-decoration:none; color:#243061;font-size:12px;}

.Left .BlockContent ul li ul a { text-decoration:none; color:#666; font-size:11px;}

.Left .BlockContent ul li ul li ul a { text-decoration:none; color:#666; font-weight:normal; font-size:11px;}

 

podem o separador que é de apenas alguns pixels, cobre o fundo do texto como podem ver na imagem:

 

 

e quando adiciono o

.Left .BlockContent ul li {margin-top:5px;background-image:url(../img/separar.gif) repeat-y;}

ou o no-repeat ele some o separador,

podem me dar uma luz?

 

 

sou iniciante e agradeço quem puder ajudar =)

abraços a todos

[crf_h0m3r 5]

Não é mais fácil usar um border-bottom?

[Felipe Murari 0]

Se eu aplico border boddom tbm nao aparece nada por isso eu estou achando estranho =/

algo mais?

[Kaue Machado 0]

Ta meio bagunçado seu código, não da pra entender o que você quis fazer, é só colocar uma linha embaixo de cada item? Tente aplicar:

 

.Left .BlockContent ul li a {text-decoration:none; color:#243061;font-size:12px; padding: 3px 0 3px 0; border-top: 1px solid #CCC;}

.Left .BlockContent ul li a:first-child {border: none;}

[Kaue Machado 0]

Ta meio bagunçado seu código, não da pra entender o que você quis fazer, é só colocar uma linha embaixo de cada item? Tente aplicar:

 

.Left .BlockContent ul li a {text-decoration:none; color:#243061;font-size:12px; padding: 3px 0 3px 0; border-top: 1px solid #CCC;}

.Left .BlockContent ul li a:first-child {border: none;}

[Felipe Murari 0]

Amigo e que o script é um script de loja virtual comprado, entao ja veio dessa maneira

entao o codigo ficou assim

 

.Left .BlockContent a { text-decoration:none; color:#333;}

.Left .BlockContent ul li a:hover {text-decoration:underline;}

.Left .BlockContent ul li {margin-top:5px;}

.Left .BlockContent ul li a {text-decoration:none; color:#243061;font-size:12px;padding: 3px 0 3px 0; border-top: 1px solid #CCC;}

.Left .BlockContent ul li a:first-child {border: none;}

.Left .BlockContent ul li ul a { text-decoration:none; color:#666; font-size:11px;}

.Left .BlockContent ul li ul li ul a { text-decoration:none; color:#666; font-weight:normal; font-size:11px;}

 

porem o meno ficou sem a borda eu nao intendo o motivo de nao aparecer a borda...

[Kaue Machado 0]

Tenta mudar pra .Left .BlockContent ul li a {text-decoration:none; color:#243061;font-size:12px;padding: 3px 0 3px 0; border-top: 20px solid #CCC;}

pra ver o que acontece, e posta um link, ajuda bastante =]

[Felipe Murari 0]

Pessoal problema resolvido muito Obrigado!