Div do CSS não funciona.

[Dona Buba ® 0]

Tou começando agora a aparender CSS. Tou estudando pelo Head First Html e Xhtml com CSS.

 

Em um dos capítulos eles nos ensinam a colocar um texto centralizado dentro de uma caixa no meio da página.

 

Todos os outros atributos da classe do texto funcionam, menos colocar uma borda na classe e essa classe inteira no meio da página.

 

marquei o bloco de texto que eu quero com:

<div class="teste">bloco de texto</div>

Na folha de estilos tá discriminado assim:

#teste{		border-widht: 10px;		border-style: 10px;		border-color: #007e7e;		width: 300px;		largin-left: 20px		text-align: center;		background-image: url(Figuras/figura.gif);		background-repeat: repeat-x;}

pra constar de novo: o que nao funciona do css é a parte que estiliza a borda e o text-align....

 

Alguma sugestão do que devo fazer?

[T.Colucci 33]

Olá,

 

Tente substituir seu código por esse aqui:

#teste{border-style: solid;border-width: 10px;border-color: #007e7e;width: 300px;largin-left: 20pxtext-align: center;background-image: url(Figuras/figura.gif);background-repeat: repeat-x;}

Pra constar: você declarou seu border-style com 10px, em vez de colocar, por exemplo, solid.

#edição#

Você também tinha digitado WIDHT em vez de WIDTH. Ok?

#Fim da Edição#

 

Espero que ajude.

 

Abraço, qualquer coisa, é só postar no forum.

[webflex 0]

Olá,

 

Exacto, a propriedade border-style não pode ter valores numéricos.

O Style é para definir estilos. Para isso utiliza o border-width.

 

Cumps \o/

[T.Colucci 33]

Olá,

 

Exacto, a propriedade border-style não pode ter valores numéricos.

O Style é para definir estilos. Para isso utiliza o border-width.

 

Cumps \o/

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Pode crer...tô aprendendo...hehehe.

:-D