duvida com div
22/01/2013
0
hoje tentamos fazer um layout feito no braço mesmo...alguem sabe me dizer se é sempre feito assim, ou existe uma forma mais rapida???
segue o codigo abaixo:
<html> <head> <title>Aula 7</title> <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html;charset=utf-8"> </head> <body> <div style="width:900px; height:200px; background-color:#A9A9A9"> 1 </div> <div style="width:450px; height:300px; background-color:#A9A9A9; margin-top:8px;"> 2 </div> <div style="width:440px; height:30px; background-color:#A9A9A9; margin-top:8px; margin-left:460px; margin-top:-300px"> 3 </div> <div style="width:440px; height:600px; background-color:#A9A9A9; margin-left:460px; margin-top:8px"> 4 </div> <div style="width:450px; height:420px; background-color:#A9A9A9; margin-top:-430px"> 5 </div> <div style="width:900px; height:200px; background-color:#A9A9A9; margin-top:100px"> 6 </div> </body> </html>
Marcelo Pastore
Posts
22/01/2013
Robson Alves
O jeito é utilizar CSS, vc não foge tanto do trabalho, mas supondo que outras divs possuam o mesmo estilo da outra DIV, basta passar a class para a Div.
<div class="classeDoCSS"></div>
22/01/2013
Robson Alves
http://maujor.com/tutorial/sintaxetut.php
23/01/2013
Marcelo Pastore
O jeito é utilizar CSS, vc não foge tanto do trabalho, mas supondo que outras divs possuam o mesmo estilo da outra DIV, basta passar a class para a Div.
<div class="classeDoCSS"></div>
certo, mas para consertar o probleminha do codigo, tem que ser braçal mesmo? ou seja, mudando as configurações de px, border...
meio complicado, hehehehe
23/01/2013
Robson Alves
Mesmo usando table ou div... tem que tomar cuidado e desenhar bem o que você quer, antes de começar!
23/01/2013
Marcelo Pastore
tem como vc me ajudar, nesse exemplo, ja tentei de tudo, hehehehe,
por favor
23/01/2013
José
Caso seja outra coisa, descreva o que é .
<html> <head> <title>Aula 7</title> <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html;charset=utf-8"> </head> <body> <div style="width:900px; height:200px; background-color:#A9A9A9"> 1 </div> <div style="width:445px; height:30px; background-color:#A9A9A9; margin-top:8px;"> 2 </div> <div style="width:440px; height:30px; background-color:#A9A9A9; margin-top:8px; margin-left:460px; margin-top:-30px"> 3 </div> <div style="width:445px; height:600px; background-color:#A9A9A9; margin-left:0px; margin-top:8px"> 4 </div> <div style="width:440px; height:600px; background-color:#A9A9A9; margin-left:460px; margin-top: -600px"> 5 </div> <div style="width:900px; height:200px; background-color:#A9A9A9; margin-top:8px"> 6 </div> <body> </html>
23/01/2013
Robson Alves
O amigo acima deve ter resolvido seu problema!
Abraços.
24/01/2013
Marcelo Pastore
O amigo acima deve ter resolvido seu problema!
Abraços.
vlw pela ajuda tb
25/01/2013
José
Se deu certo posta ai confirmando que funciono . vlw
25/01/2013
Marcelo Pastore
mas vlw
25/01/2013
José
No que estiver no meu alcance te ajudo.
E que bom que funcionou !!!
31/01/2013
José
mas vlw
Amigo conseguiu esclarecer suas duvidas sobre div e css ?
Clique aqui para fazer login e interagir na Comunidade :)