Ir para conteúdo

POWERED BY:

Arquivado

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

Rafael Prates da Silva

[Resolvido] Problemas com espaços CSS

Por , em Desenvolvimento frontend

Recommended Posts

Rafael Prates da Silva    0

Rafael Prates da Silva
Postado

Bom dia galera estou com um probleminha não sei como juntar logo com a guia abaixo.

 

Espa%25C3%25A7o.png

 

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>
<link rel="stylesheet" type="text/css" href="Estilos/layout.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RELIgames</title>

</head>

<body>
<div id="Topobg">
<div id="dentroTopobg">
<a href="" class="links"> Home</a>
<a href="" class="links"> Play</a>
<a href="" class="links"> Gamers</a>
<a href="" class="links"> Contato</a>
</div>
</div>
<div id="Topoguia">
</div>
</body>
</html>

 

CSS

* {margin:0; padding:0;}

#Topobg {width:100%; height:179px; background-image:url(../Img/Topobg.gif); background-repeat:repeat-x;}

#dentroTopobg {	width:100%;	height:40px; background-image:url(../Img/logo.gif); background-repeat:no-repeat; padding-top:137px; padding-left:512px;} 

.links {color:#000; font-family:Verdana, Geneva, sans-serif; font-size:20px; text-decoration:none; padding:10px;}

#Topoguia {width:132%; background-image: url(../Img/bgconteudo.gif); background-repeat:no-repeat; padding:13px;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Supondo que essa barra seja #Topoguia remova o que seria o padding-top, alterando isso:

 

padding: 13px;

Para:

 

padding: 0 13px;

Porém isso vai anular o espaçamento de 13px da parte de baixo também. Se quiser ele, então use:

 

padding: 0 13px 13px 13px;

Assim só o superior é removido.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Prates da Silva    0

Rafael Prates da Silva
Postado

Opa valeu só mais uma duvida, quando eu aperto F12 para ver como ficou no navegador amostra que esta do jeito que eu quero porem quando eu vejo no DW esta com um espaços.

Os links também sairão da posição e qualquer valor que eu altero a barra inferior sai da posição.

 

Img%25202.png

 

Img%25203.png

 

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>
<link rel="stylesheet" type="text/css" href="Estilos/layout.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RELIgames</title>

</head>

<body>
<div id="dentroTopobg">
<a href="" class="links"> Home</a>
<a href="" class="links"> Play</a>
<a href="" class="links"> Gamers</a>
<a href="" class="links"> Contato</a>
</div>
</div>
<div id="Topoguia">
</div>
</body>
</html>

 

CSS

* {margin:0; padding:0;}

#dentroTopobg {	width:100%;	height:74px; background-image:url(../Img/logo.gif); background-repeat:no-repeat; padding:0 25px 100px; padding-left:450px;} 
.links {color:#000; font-family:Verdana, Geneva, sans-serif; font-size:20px; text-decoration:none; padding:10px;} 
#Topoguia {width:150%; background-image: url(../Img/bgconteudo.gif); background-repeat:no-repeat; padding:0 13px 13px;}

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