Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ThiagoGabriel

Espaços sobre as divs

Por , em Desenvolvimento frontend

Recommended Posts

ThiagoGabriel    0

ThiagoGabriel
Postado

Opá sou novo por aqui no forum gostei muito, mas indo direto ao ponto tou com um problema q parece ser facilimo de resolver mais como estou começando em CSS + Div etc.. tive um pequeno problema segue a img

 

xq989t.jpg

 

Então é isso ae o esse espaço irritante ja tentei por tudo quante coisa para arrumar e nada alguem da uma luz? se precisar do codigo html e css vai abaixo

 

<!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=utf-8" />
<title>Titulo</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body id="body" onload="MM_preloadImages('Jota rollover/Untitled-1.jpg','Menu rollover/spacer_r2_c1.jpg','Menu rollover/spacer_r3_c1.jpg','Menu rollover/spacer_r4_c1.jpg','Menu rollover/spacer_r5_c1.jpg','Menu rollover/spacer_r6_c1.jpg','Menu rollover/spacer_r7_c1.jpg','Menu rollover/spacer_r8_c1.jpg')">
<!--Começo do meu div geral-->
<div id="Content">
<!--Começo do Meu Cabeçalho-->
<div id="head"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','Jota rollover/Untitled-1.jpg',1)"><img src="Jota rollover/Original.jpg" alt="jotarecotrans" name="Image2" width="218" height="182" border="0" id="Image2" /></a><img src="imagens/Untitled-1_r1_c4.jpg" width="90" height="182" alt="slide1" /><img src="imagens/Untitled-1_r1_c5.jpg" width="182" height="182" alt="slide2" /><img src="imagens/Untitled-1_r1_c6.jpg" width="203" height="182" alt="slide3" /><img src="imagens/Untitled-1_r1_c7.jpg" width="131" height="182" alt="slide4" /> </div>
<!--Fim do Meu Cabeçalho-->
<!--Começo do Meu Menu-->
<div id="menu"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','Menu rollover/spacer_r2_c1.jpg',1)"><img src="imagens/Untitled-1_r2_c1.jpg" alt="Home" name="Image3" width="218" height="17" border="0" id="Image3" /></a><img src="imagens/Untitled-1_r2_c4.jpg" width="606" height="89" alt="empresa1" /><br />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Menu rollover/spacer_r3_c1.jpg',1)"><img src="imagens/Untitled-1_r3_c1.jpg" alt="Serviços" name="Image4" width="218" height="18" border="0" id="Image4" /></a><br />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','Menu rollover/spacer_r4_c1.jpg',1)"><img src="imagens/Untitled-1_r4_c1.jpg" alt="Frota" name="Image5" width="218" height="18" border="0" id="Image5" /></a><br />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','Menu rollover/spacer_r5_c1.jpg',1)"><img src="imagens/Untitled-1_r5_c1.jpg" alt="Guia rodoviário" name="Image6" width="218" height="18" border="0" id="Image6" /></a><br />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','Menu rollover/spacer_r6_c1.jpg',1)"><img src="imagens/Untitled-1_r6_c1.jpg" alt="Informativo JotaR" name="Image7" width="218" height="18" border="0" id="Image7" /></a><br />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','Menu rollover/spacer_r7_c1.jpg',1)"><img src="imagens/Untitled-1_r7_c1.jpg" alt="Links Úteis" name="Image8" width="218" height="18" border="0" id="Image8" /></a><br />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','Menu rollover/spacer_r8_c1.jpg',1)"><img src="imagens/Untitled-1_r8_c1.jpg" alt="Clientes" name="Image9" width="218" height="17" border="0" id="Image9" /></a></div>
<!--Fim do meu menu-->
</div>
<!--Fim do meu div geral-->
</body>
</html>

 

@charset "utf-8";
/* CSS Document */
#body {
background-color:#999;
margin:0px;
padding:0px;
text-align:center;
}
#Content {
   width:835px;
height:auto;
border:#000 1px;
float:center;
text-align:left;
padding:0px;
margin:0px;
margin-top:0px;
}
#menu {
border:1px #000;
width:835px;
text-align:left;
position:relative;
float:left;
padding:0px;
margin:0px;
display:block;

}
#head {
border:1px #000;
width:835px;
text-align:left;
position:relative;
float:left;
padding:0px;
margin:0px;

}
#slider {
position:absolute;
width:610px;
text-align:left;
clear:both;
border:1px #000;
margin-left:220px;
margin-top:-309px;
float:left;
display:block;

}
* {
padding:0px;
margin:0px;
}

 

Ta ae...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

ThiagoGabriel, seja bem vindo ao fórum iMasters :)

 

Não entendi bem a sua dúvida, você quer que a parte branca fique colada na direita? Ou você quer um espaco entre ela e a div amarela (menu)?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

São duas colunas e você quer que o fundo se repita no eixo-y?

Se for da uma pesquisada sobre faux-columns :)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito