6 replies to this topic

[fabianof]

Olá pessoal, no dreamweaver, preciso saber como se faz um estilo CSS como referência no site: http://www.bairrodobelem.com.br/

Seria:
1) O menu do lado esquerdo com aquela formatação de cor e fonte e o sublinhado embaixo.
2) Do lado direito, no item buscadores, campanhas, tudo é divido visualmente por um traço com e sem pontilhado

Valeu pela ajuda.

Obrigado.

[Makerup]

cumpadre... aquilo não é css, é imagem... tanto o comtilhado quanto o fixo.


quanto ao menu... precione CTRL+J e na categoria links vc tera como gera essa configuração de links.

[fabianof]

Caro, o menu deu para fazer em CSS, com este código

.guiacomercial {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
font-weight: normal;
font-style: normal;
color: #660000;
text-decoration: none;
}
a:hover {
color: #CE0000;
text-decoration: underline;
}
a:link {
text-decoration: none;
color: #660000;

}
a:visited {
text-decoration: none;
}
a:active {
text-decoration: none;

}



Você sabe como fazer para que o referido menu fique com aquele sublinhado, dividindo cada item(não o sublinhado do link, e sim o sublinhado maior de cada item).

Obrigado.

[Balala]

Você está fazendo o menu com DIV ou uma TABLE?

De qualquer forma, aplique um CSS semelhante à esse em cada item:

.divisor
{
  border-bottom: 1px solid #000000;
}

Ficando assim:

<div class="divisor">Item 1</div>
<div class="divisor">Item 2</div>
<div class="divisor">Item 3</div>

<tr class="divisor"><td>Item 1</td></tr>
<tr class="divisor"><td>Item 2</td></tr>
<tr class="divisor"><td>Item 3</td></tr>

PS: Você obterá uma ajuda mais rápida postando na área correta.

http://forum.wmonlin...p?showforum=118

[fabianof]

Estou trabalhando com tabelas, não sei trabalhar com div

Deu tudo certo, com exceção que tenho que dar um espaço, para o sublinhado embaixo aparecer, aí deleto o espaço, e mesmo assim, fica um espaço muito grande, o que deixa a coluna enorme, já que são vários itens. Veja no site citado, que os espaços entre os itens são mínimos. Desta maneira que é o desejável.

Obrigado.

[Balala]

Você pode ter controle sobre esse espaçamento com os atributos CSS de:

padding
margin
height
line-height

[Makerup]

CSS, é justamente oq o DW gera ao configurar as propiedades do site <-,

Edição feita por: Makerup, 23/05/2006, 10:43.