Subir a DIV

27/05/2016

No c�digo listado abaixo quero subir a div da direita para ficar de acordo com a div superior a esquerda, Galera perd�o pela ignor�ncia, estou iniciando ainda. Me ajudem por favor.

<!Doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet"
type="text/css"
href="estiloum.css"/>
<script type="text/javascript" src="javaum.js"></script>
<title></title>
</head>
<body>
<div id="site">
<div id="destaque"></div>
<div id="um"></div>
<div id="dois"></div>
<div id="maislidos"></div>


</div>
</body>
</html>

#site {
	background:gray;
	width:900px;
	height:800px;
	margin:0 auto;
	padding:20px;
}

#destaque {
	background:white;
	width:600px;
	height:200px;
	clear:both;
	
	
}

#um {
	background:white;
	width:290px;
	height:500px;
	margin-top:20px;
	float:left;
	
}

#dois {
	background:white;
	width:290px;
	height:500px;
	margin:20px 0 0 20px;
	float:left;
	
	
}

#maislidos {
	background:white;
	width:240px;
	height:720px;
	margin:20px 20px 0 20px;
	float:right;
	
}

Thiago Santos

Curtir t�pico + 0

Responder

Post mais votado

27/05/2016

Foram necess�rias 3 altera��es:

1 - No HTML coloquei a div "maislidos" abaixo da div "destaque";

2 - Coloquei no CSS da div "destaque" uma regra "float:left";

3 - Retirei a margem-top da div "maislidos";

Ficou Assim:

HTML

<!Doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<title></title>
<link rel="stylesheet" type="text/css" href="estiloum.css"/>
<script type="text/javascript" src="javaum.js"></script>
</head>
<body>
	<div id="site">
	<div id="destaque"></div>
	<div id="maislidos"></div>
	<div id="um"></div>
	<div id="dois"></div>
</body>
</html>

CSS

#site {
    background:gray;
    width:900px;
    height:800px;
    margin:0 auto;
    padding:20px;
}
 
#destaque {
    background:white;
    width:600px;
    height:200px;
    clear:both;
    float: left;   
}
 
#um {
    background:white;
    width:290px;
    height:500px;
    margin-top:20px;
    float:left;   
}
 
#dois {
    background:white;
    width:290px;
    height:500px;
    margin:20px 0 0 20px;
    float:left;  
}
 
#maislidos {
    background:white;
    width:240px;
    height:720px;
    margin:0 0 20px;
    float:right; 
}

William

Responder

Gostei + 1

Mais Posts

31/05/2016

Thiago Santos

Show, resolvido, obrigado!

Responder

Gostei + 0

25/01/2018

Luciano Santos

Quero um c�digo div ou qualquer outra forma, para atingi esse resultado do link
https://drive.google.com/file/d/0B8Ssi9zuKdQWMExWeVpGUXN0MlRsUzdmdGRuTFl2eU1yejB3/viewocal

Para ficar nesse local.
https://drive.google.com/file/d/0B8Ssi9zuKdQWeGZSSnVBaFBxM1FUN1hEeWdrRzhTNWI0Q01Z/view

Meu objetivo � que em cada quadro da div, fique uma noticia de um site especifico, que pretendo colocar atrav�s de plugin rss.

Enfim espero uma ajuda sobre como posso fazer isso

Responder

Gostei + 0