Ir para conteúdo

POWERED BY:

Arquivado

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

italogabriel

Estrutura

Por , em Desenvolvimento frontend

Recommended Posts

italogabriel    0

italogabriel
Postado

to com um bug aqui olha o css

 

<!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" />
<link rel="stylesheet" href="css/style.css" media="screen"/>
<title>Untitled Document</title>
</head>

<body>
<!--Ínicio Header-->
<div id="header">
<div id="logo">
</div><!-- Fim Logo -->
<div id="menu-top">
	<ul>  			
                <li><div id="agencia"><a href="?p=home"></a></div></li>
                <li><div id="servicos"><a href="?p=servicos"></a></div></li>
                <li><div id="portifolio"><a href="?p=portfolio"></a></div></li>
                <li><div id="clientes"><a href="?p=clientes"></a></div></li>
                <li><div id="contato"><a href="?p=contato"></a></div></li>   		
	</ul>
</div>

</div>
<!--Fim Header-->
<div id="footer"></div>
</body>
</html>

 

CSS

@charset "utf-8";
/* CSS Document */

*{
padding:0;
margin:0;	
}

body{
background-image:url(../images/bg.jpg);
background-repeat:repeat;
} 

#header{
background:url(../images/header_bg.jpg);
height:117px;
margin:0 auto;
}

#logo{
margin-top:0px;
margin-left:155px;
widht:234px;
height:117px;
background:url(../images/logo.jpg);
background-repeat:no-repeat;
float:left;
}

#clear{
	clear:both;
}
.clear{
	clear:both;
}
#menu-top ul{
	margin: 0;
	padding: 0;
	float:left;
	margin-left:55px;

}

#menu-top ul li{
	position:relative;
	float:left;
	list-style-type:none;

}


#menu-top ul li a{ 
	display: inline-block;
	font-family:Verdana, Tahoma, sans-serif;
	font-size:11px;
	float:left;
	text-align:left;
	display: block;
	color:#0067f3;
	text-decoration: none;

}
#menu-top ul li a:hover{ 


	font-family:Verdana, Tahoma, sans-serif;
	font-size:11px;
	display: block;
	text-align:left;
	color:#ff6600;
	float:left;
	text-decoration: none;
}
#menu-top ul li ul li{

	display: list-item;
	float: none;
	color: black;
	display: block;
	text-decoration: none;
}

#agencia a{
	background:url(../images/topo/agencia.png) no-repeat top;
	text-indent:-9000px;
	width:102px;
	height:113px;	
}
#agencia a:hover{
	background:url(../images/topo/agencia.png) 0px 113px ;
	text-indent:-9000px;
	width:102px;
	height:113px;	
}
#agencia2 a{
	background:url(../images/topo/agencia.png) 0px 113px ;
	text-indent:-9000px;
	width:102px;
	height:113px;	
}
#servicos a{
	background:url(../images/topo/servicos.png) no-repeat top;
	text-indent:-9000px;
	width:91px;
	height:113px;	
}
#servicos a:hover{
	background:url(../images/topo/servicos.png) 0px 113px ;
	text-indent:-9000px;
	width:91px;
	height:113px;	
}
#servicos2 a{
	background:url(../images/topo/servicos.png) 0px 113px ;
	text-indent:-9000px;
	width:91px;
	height:113px;	
}
#portifolio a{
	background:url(../images/topo/portifolio.png) no-repeat top;
	text-indent:-9000px;
	width:106px;
	height:113px;	
}
#portifolio a:hover{
	background:url(../images/topo/portifolio.png) 0px 113px ;
	text-indent:-9000px;
	width:106px;
	height:113px;	
}
#portifolio2 a{
	background:url(../images/topo/portifolio.png) 0px 113px ;
	text-indent:-9000px;
	width:106px;
	height:113px;	
}
#clientes a{
	background:url(../images/topo/clientes.png) no-repeat top;
	text-indent:-9000px;
	width:90px;
	height:113px;	
}
#clientes a:hover{
	background:url(../images/topo/clientes.png) 0px 113px ;
	text-indent:-9000px;
	width:90px;
	height:113px;	
}
#clientes2 a{
	background:url(../images/topo/clientes.png) 0px 113px ;
	text-indent:-9000px;
	width:90px;
	height:113px;	
}
#contato a{
	background:url(../images/topo/contato.png) no-repeat top;
	text-indent:-9000px;
	width:91px;
	height:113px;	
}
#contato a:hover{
	background:url(../images/topo/contato.png) 0px 113px ;
	text-indent:-9000px;
	width:91px;
	height:113px;	
}
#contato2 a{
	background:url(../images/topo/contato.png) 0px 113px ;
	text-indent:-9000px;
	width:91px;
	height:113px;	
}

#footer{
background:url(../images/footer.jpg) center repeat-x;
width:100%;
height:62px;
margin-top:35px;
}

 

olha oque acontece

http://tinypic.com/r/2rc2uzo/6



uppp

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