Ir para conteúdo

POWERED BY:

Arquivado

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

-Z3R0-

[Resolvido] Espaço no menu

Por , em Desenvolvimento frontend

Recommended Posts

-Z3R0-    0

-Z3R0-
Postado

Jente to com uma duvida , começei agr no css e não sei muito não ai to com um problema parece ser simples

mas não consegui resolver ate agoro :D

 

o problema é que o menu euqueria que ficase em 100% da tela mas ele ta ficando com espaços , não ta totalmente na tela

 

aki topo do site

 

 

index.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" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="Nicolas Gabriel" content="-Z3R0-" />
   <link href="css/estilo.css" rel="stylesheet" type="text/css" />

<title>Home</title>
</head>

<body>
<div id="logo"><img src="imagens/logo.png" /></div>
<div id="menu">
<ul>
   <li><a href="#">Home</a></li>
   <li><a href="#">Serviços</a></li>
   <li><a href="#">Portifólio</a></li>
   <li><a href="#">Contatos</a></li>
   <li><a href="#">Quem somos</a></li>
</ul>

</div>

</body>
</html>

 

css/estilo.css

body
{
   background:url(../imagens/bg-site.png)repeat-x;
}
#menu ul
{
   position:relative;
   background:url(../imagens/bg-menu1.png) repeat-x top; 
   padding:0px;
   margin:0px;
   float:left;
   list-style:none;
   width: 100%;
   font:12px Verdana;
}
#menu ul li
{
   display:inline;
}
#menu ul li a
{
   background:url(../imagens/bg-menu1.png) repeat-x top; 
   float:left;
   margin:0 4px 0 0;
   padding:9px 5px 0px 5px;
   text-decoration:none;
   color:#FFFFFF;
   height:26px;
}
#menu ul li a:hover
{
   background:url(../imagens/bg-menu1.png) repeat-x bottom;
   float:left;
   text-decoration:none;
   color:#FFFFFF;
}

 

 

obrigado a todos Ps.

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