Demetrio Postado Julho 19, 2014 Denunciar Share Postado Julho 19, 2014 oi galera tudo bom? sou novo com css e html5, gostaria de uma ajuda, alguém sabe porque não é aplicada a section, aside e div? to tentando dividir o site mas não ta dando. arquivo l.css @charset "URF-8"; body { background-color: #dddddd; color: rgba(0,0,0,1); } div#interface { width:400px; background-color: #ffffff; } section#corpo { display:block; width:600px; } aside#lateral { display:block; width:400px; } h1 { font-size: 40pt; } arquivo html <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"/> <title>OI</title> <link rel="stylesheet" href="_tt/l.css"/> </head> <body> <div="interface"> <section id="corpo"> <h1>oi1</h1> </section> <aside id="lateral"> <h1>oi2</h1> </aside> </div> </body> </html> muito obrigado Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Markus Magnus Postado Julho 21, 2014 Denunciar Share Postado Julho 21, 2014 O único erro de sintaxe que existe é <div="interface"> Que deveria ser: <div id="interface"> Porém não entendi muito bem o que você quis fazer, pois a div#interface é menor do que as tags section e aside que ficam DENTRO da div eu colocaria a div com width:1000px que é igual a soma das duas tags. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Demetrio
oi galera tudo bom? sou novo com css e html5, gostaria de uma ajuda, alguém sabe porque não é aplicada a section, aside e div? to tentando dividir o site mas não ta dando.
arquivo l.css
@charset "URF-8";
body {
background-color: #dddddd;
color: rgba(0,0,0,1);
}
div#interface {
width:400px;
background-color: #ffffff;
}
section#corpo {
display:block;
width:600px;
}
aside#lateral {
display:block;
width:400px;
}
h1 {
font-size: 40pt;
}
arquivo html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<title>OI</title>
<link rel="stylesheet" href="_tt/l.css"/>
</head>
<body>
<div="interface">
<section id="corpo">
<h1>oi1</h1>
</section>
<aside id="lateral">
<h1>oi2</h1>
</aside>
</div>
</body>
</html>
muito obrigado
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.