Problema con un lateral

elkpo15 · #1 (**permalink**) 17/02/2010, 14:21

Hola a todos estoy, estaba haciendo la pagina pero dentro de un lateral cree un div de menu, que del cual inserte 4 botones en forma vertical, el problema viene que el primer boton me sale un poco mas grande que los 3 de abajos que puede ser?
Otra cosa que casi me olvido, como hago para agregarle separadores al menu horizontal, ya que si utilizo bordes, el menu horizontal pega saltos de lineas y queda muy mal.

Código HTML:

Ver original<!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" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="muchas cosas"/>
<meta http-equiv="Refresh" content="60;URL=">  
<link href="Estilos.css" type="text/css" rel="stylesheet"/>
<title>Bienvenidos a mi pagina</title>
</head>
<body>
<div id="contenedor">
<div id="cabezera">
<img src="imagenes/Cabezera.jpg" alt="Cabezera-web" width:"800" height="70"/></div>
<ul id="menuh">
<li><a href="#" class="estilo-menuh">Nada</a></li>
<li><a href="#" class="estilo-menuh">Nada</a></li>
<li><a href="#" class="estilo-menuh">Nada</a></li>
<li><a href="#" class="estilo-menuh">Nada</a></li>
</ul>
<div id="cuerpo">
<div id="lateral">
<h1 class="menuv-title"></h1>
<div id="menuv">
<p><a href="#">Nada</a></p>
<p><a href="#">Nada</a></p>
<p><a href="#">Nada</a></p>
<p><a href="#">Nada</a></p>
</div>
</div>
</div>
</div>

Código HTML:

Ver original*
{
margin:0px auto;
padding:0px;
}
 
body
{
background-image:url(imagenes/fondo.gif);
text-align:center;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin:1em 0em 1em 0;
}
 
#contenedor
{
text-align:left;
width:800px;
background-color:#FFFFFF;
margin:auto;
}
 
#cabezera
{
width:800px;
height:70px;
}
 
#menuh
{
list-style-type:none;
}
 
/*border*/
 
#menuh a:link, #menuh a:visited
{
float:left;
width:200px;
height:20px;
background-image:url(imagenes/Fondo-menuh-boton.jpg);
text-decoration:none;
text-align:center;
}
 
#menuh a:hover
{
background-image:url(imagenes/Fondo-menuh-boton-2.jpg);
color:#339900;
}
 
#menu li
{
display:inline
}
 
.estilo-menuh
{
font-weight:bold;
color:#FF3300;
}
 
#cuerpo
{
background-color:#000000;
width:800px;
height:20em;
float:right;
}
 
#lateral
{
background-color:#000099;
width:10em;
height:20em;
float:left;
}
 
/*Title*/
 
.menuv-title
{
background-image:url(imagenes/Menuv-lateral.jpg);
height:45px;
}
 
/*Menu*/
 
#menuv
{
text-align:center;
}
 
#menuv p
{
margin:0px;
padding:0px;
height:25px;
background-image:url(imagenes/Menuv-boton.jpg)
}
 
#menuv a:link, #menuv a:visited
{
text-decoration:none;
}
 
/*2º imagen boton*/
 
#menuv a:hover
{
}

nemesis866 · #2 (**permalink**) 19/02/2010, 00:53

Mmmm creo que te podriamos ayudar mejor si pones un enlace a tu web

Saludos