Jump to content

aneew

Members
  • Content count

    5
  • Joined

  • Last visited

Community Reputation

0 Comum

1 Follower

About aneew

  1. Olá, boa tarde. Cá estou de novo com uma duvida sobre meu menu. Estou fazendo um menu pro meu site, e estou com um novo problema. Eu preciso que o menu tenha essa borda aqui no sub-menu PORÉM, a borda que eu coloquei, está com uma falha, veja: percebe que a box shadow está distante do começo do lado esquerdo do submenu? Então, o que eu posso fazer? Segue o codigo css ul {list-style:none;width:350px;float: left; } ul li { position:relative; } ul li a { display:block; list-style: none; background: transparent; color: #072D18; font-family: Calibri, serif; text-decoration: none; padding: 40px; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-right-width: 0; border-left-width: 0;} ul li:nth-child(1) { border-top: 1px solid #072D18; } ul li:nth-child(3) { border-bottom: 1px solid #072D18; } ul li a:hover { background: #a3a3a3; transition-duration: 0.5s; } ul li ul { display:none; position: absolute; } ul li:hover ul { display:block; position:absolute; left: 308px; top: -1px; min-width: 100%; box-shadow: 0 1px 2px #333 ; -webkit-box-shadow: 0 1px 2px #333; -moz-box-shadow: 0 1px 2px #333; }
  2. aneew

    Como posicionar a borda onde eu quero?

    CARA NEM PRECISA DE MAIS NADA, VOCÊ SALVOU A MINHA VIDA. AUSHAUHSAUHSUHAS OBRIGADA, DE VERDADE!
  3. aneew

    Como posicionar a borda onde eu quero?

    Bom, aqui é basicamente todo o meu codigo: ul {list-style:none;width:350px;float: left; } ul li { position:relative; } ul li a { display:block; list-style: none; background: transparent; color: #072D18; font-family: Calibri, serif; text-decoration: none; padding: 40px; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-right-width: 0; border-left-width: 0;} ul li a:last-child { border-bottom-width: 2px; } ul li a:first-child { border-top-width: 2px; } ul li a:hover { background: #a3a3a3; transition-duration: 0.5s; } ul li ul { display:none; position: absolute; } ul li:hover ul { display:block; position:absolute; left: 306px; top: 0; min-width: 100%; } mas vou tentar de novo nessa forma, muitooo obrigada.
  4. aneew

    Como posicionar a borda onde eu quero?

    Pior que eu tentei isso, e ainda ta dando o mesmo problema. :x Tipo, as linhas da "opção 2" estão muito grossas em cima e em baixo. E assim com todas as outras opções que estão entre sempre entre a 1° e a ultima opção. Mas obrigada, vou continuar tentando.
  5. Okay, eu to com um problema que eu não sei resolver. Eu estou fazendo um menu drop-down pro meu site. E ele está ficando mais ou menos assim: PORÉM, eu preciso que ele fique o mais parecido possível disso aqui: Mas é possível, notar uma diferença na imagem 1. As bordas. Eu preciso que todas as bordas tenham o mesmo tamanho e grossura, apenas na parte de cima e na parte de baixo. Porém toda a vez que eu adiciono "border-bottom-width: 2px; border-top-width: 2px;" as duas bordas se juntam e forma uma linha muito grossa. Eu queria uma solução, talvez manter a borda de top, somente na primeira parte e não se repetir. Não sei, só sei que preciso de ajuda.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.