Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola a todos;
to tendo uma dor de cabeça aqui com um código extremamente simples, só que não funciona e eu não sei o motivo.
O problema é que quando aplico o css sobre as divs, dizendo para as margens terem um certo estilo, o navegador ignora o que eu coloquei lá.
Todas as outras propriedades do css funcionam, menos a margin.
Segue o código:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1" />
<title>Tutorial de HTML</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
</head>
<body>
<div id="conteiner">
TUTORIAL DE HTML
<div id="links">
Menu
<ul>
<li><a href="index.html">O que é HTML</a></li>
<li><a href="tags.html">Tags e Elementos</a></li>
<li><a href="estrutura.html">Estrutura Básica de uma Página HTML</a></li>
<li><a href="css.html">CSS</a></li>
<li><a href="boxModel.html">Box Model</a></li>
</ul>
</div>
<div id="conteudo">
</div>
Criado por André Marcondes Teixeira
</div>
</body>
</html>estilo.css
body {
font-family: arial, verdana, sans-serif
}
div {
margin: 1px dotted #000
}
Testei o código com as últimas versões do chrome e do firefox e em ambos os navegadores, as margens que declaro no css são ignoradas.
Ja tentei mudar o doctype e a codificação e também não funcionou.
Quanto vejo no navegador os estilos do elemento, aparece "margin: 1px dotted #000 ", como se o navegador estivesse ignorando a regra css.
Espero que alguém saiba qual é o problema, porque para mim é um verdadeiro mistério :-p
Se voce deseja colocar bordas na div use:
div{
border:1px #fff dotted;
}Obs:Como o colega guilomaker escreveu,lembrar de colocar '';'' ao final
de cada atributo CSS com seus possiveis valores.
>
Quanto vejo no navegador os estilos do elemento, aparece "margin: 1px dotted #000 ", como se o navegador estivesse ignorando a regra css.
isso quer dizer que ela tá sendo usada. Só que como ela não existe, ela não é aplicada.
E o teu erro foi achar que uma margem pode ser formatada.
:seta: http://www.w3schools.com/css/css_margin.asp
Ali nos "Possible Values" fica claro que margin é margin e só serve pra margem.
Cada propriedade tem sua função, portanto, border para borda e margin para margem.
>
div{
border:1px #fff dotted;
}E se vai querer a margin de 1px...
div {
border:1px #fff dotted;
margin:1px;
}Obs.: sugiro espaço entre o selector e { (chaves)
div {
:bye:
#@?$%~ !!! que vergonha !!!
Eu queria colocar a borda mesmo, só que é tanta coisa pra fazer que nem me toquei do erro óbvio.
Guilomaker, sim eu ataquei todas as divs, porque isso era apenas uma tarefa de faculdade, e esse html é todo o html do documento.
Estou ciente dos pontos-e-virgula, mas a especificação do CSS diz que na última declaração, não existe obrigatoriedade de colocar ponto-e-vírgula.
P.s.: Pior que eu pedi ajuda para o meu professor, e ele também não viu o erro. (decerto por ser óbvio demais /applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/dry.gif&key=d3f178eaa22295ab50b10653bb81e7e3d175f587e93266afc21cf7e918341a41" alt="dry.gif" />)
Obrigado a todos.
primeiro você sempre deve fechar suas linhas do css com um ponto e virgula;.
e se eu entendi o que você ta querendo fazer e colocar uma borda no margin?
a margin e pra você alterar a posição de um elemento tanto pra esquerda,direita,baixo,cima.
esse código seu ai ta uma bagunça no seu css você esta atacando todas as divs, cria as divs no css
ai pra você colocar estilo em uma dessas divs você faz assim por exemplo:
ai você definiu o estilo da div conteudo.
e isso ai se foi o que eu entendi ate mais..