Adicionando bordas às divs

[tdelgrande 0]

Olá pessoal!!

 

Estou tentando fazer um site em tableless e inseri uma imagem dentro de uma div. A imagem tem exatos 765x126 e eu quero adicionar uma borda branca de 5 px em volta da div.

 

O código é:

 

<div id="logo"> 	  <img src="imgs/logo_principal.jpg" />	</div>

E o código da CSS é:

 

body {	background:#8fa6bc;	text-align:center;	font-family:verdana,arial,helvetica,sans-serif;	font-size:80%;	margin:0px;	}	#logo {	display:inline;	width:765px;	height:126px;	border-width: 5px;	border-style: solid;	border-color: #FFFFFF;	}

A borda simplesmente não aparece.

[Paulo de Tarso F. M. 24]

Não tem nenhum link pra gente ver o problema?

[tdelgrande 0]

http://www.einfall.com.br/lab/index.xhtml

[Paulo de Tarso F. M. 24]

http://www.einfall.com.br/lab/index.xhtml

O link tá errado... Não existem arquivos com extensão .xhtml... Tentei acessar retirando o "x", mas não deu certo... Nem retirando o "l" também...

 

Salvei o arquivo no micro, e abri com o Bloco de Notas, tudo bem, consegui ver o código, mas ao tentar abrir o arquivo css/estilos.css, não obtive sucesso...

 

Por favor, veja o que ocorre... Mas mesmo assim, "fuçando", encontrei o suposto responsável: o display: inline... Por que você está utilizando isso? Ao remover, a borda apareceu aqui... Tenta a e...

 

Abraço!

[webflex 0]

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif E mais, pode ainda simplificar seu código da seguinte forma:

body {

background:#8fa6bc;

text-align:center;

font: 80% verdana,arial,helvetica,sans-serif;

margin:0px;

}

 

#logo {

display:inline;

width:765px;

height:126px;

border: 5px solid #FFF;

}

E o problema será mesmo do display.

 

Cumps \o/

[tdelgrande 0]

Opa, funcionou!!! Obrigado!!Agora eu queria centralizar esta div ao centro, como faz?

[Bruno Cobra 0]

Pergunta pra Deus..

 

http://www.google.com.br/search?q=css+centralizar+div

[Paulo de Tarso F. M. 24]

Adicione à div:

margin: 0 auto;