Ir para conteúdo

POWERED BY:

Arquivado

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

Fernando Neto MH

Retirar margin do background da tabela

Recommended Posts

Olá amigos gastaria de saber como retirar o margin do background olha só a imagem

 

menuca.jpg

 

o index.php

<!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 href="css/estilo.css" rel="stylesheet" type="text/css" />
   <link rel="stylesheet" href="css/themes/default/default.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Fênix Hotel - Restaurante Pajeú</title>
</head>
   <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
   <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
   <script type="text/javascript">
   $(window).load(function() {
       $('#slider').nivoSlider();
   });
   </script>
<body>
<table width="1090" border="0" align="center" class="corpo">
 <tr>
   <th scope="col"><table width="100%" border="0" cellpadding="0" cellspacing="0">
     <tr>
       <th width="290" class="logo" scope="col"> </th>
       <th width="802" scope="col"><table width="100%" border="0" class="menu" cellspacing="0" cellpadding="0">
         <tr>
           <th scope="col" class="item_menu"><br /><a class="item_menu_1" href="principal">Principal</a> <a class="item_menu" href="Acomodacoes">Acomodações</a> <a class="item_menu" href="restaurante">Restaurante</a> <a class="item_menu" href="Localizacao">Localização</a> <a class="item_menu" href="Tarifario">Tarifário</a> <a class="item_menu" href="Contato">Contato</a> <a class="item_menu" href="Sao Jose Do Egito">São José do Egito</a></th>
         </tr>
       </table></th>
     </tr>
   </table></th>
 </tr>
</table>

</body>
</html>

 

o estilo.css

body {
background-color:#DEDFE3;
margin:0px;
}
.corpo{
background:#FFF;
margin-top:opx;
margin-bottom:10px;
width:1090px;
}
.logo{
background:url(../imagens/logo.png) 50% 50%
no-repeat;
width:290px;
height:200px;
margin-left:30px;
}
.menu{
   float: right;
   display: block;
   height: 60px;
   width: 770px;
margin-top:30px;
   background: url('../imagens/back_menu.png');
background-repeat:no-repeat;
-margin-right: 2;
}
div.teste{
width:900px;
   margin: 0 0;
   background: #FFF;
background-repeat:no-repeat;
}
.item_menu_1{
font-family: Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration:none;
color: #0000C4;
margin-left:35px;
margin-right:10px;
margin-top:30px;
text-align:center;
}
.item_menu{
font-family: Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration:none;
color: #0000C4;
margin-left:10px;
margin-right:10px;
margin-top:30px;
text-align:center;
}
.item_menu:hover{
font-family: Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration:none;
color: #000;
margin-left:10px;
margin-right:10px;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Fernando Neto MH você aplicou algum css reset? Outra dúvida, não seria mais prático usar um lista?

 

<ul>
   <li><a href="http://">Item 01</a></li>
   <li><a href="http://">Item 02</a></li>
   <li><a href="http://">Item 03</a></li>
   <li><a href="http://">Item 04</a></li>
   <li><a href="http://">Item 0n</a></li>
</ul>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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