Separador

elkpo15 · #1 (**permalink**) 15/02/2010, 03:10

Hola estoy haciendo una web todo de vuelta, ahora estoy con el menu horizontal, me falta ponerle un separador a cada boton para que quede mejor pero como hago, por que cuando le quiero agregar un borde me pega un salto de linea, a continuacion les dejo una imagen de mi web:

http://img682.imageshack.us/i/dibujodis.png/

maycolalvarez · #2 (**permalink**) 15/02/2010, 08:03

¿como podemos ayudarte con una imágen?, con eso no podemos adivinar el funcionamiento del menú, al menos postea parte del codigo

Emirodgar · #3 (**permalink**) 15/02/2010, 08:22

¿El borde lo agregas con CSS?

elkpo15 · #4 (**permalink**) 15/02/2010, 09:56

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="5;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>
<div id="lateral">
</div>
</div>

Código HTML:

Ver original*
{
margin:0px auto;
padding:0px;
}
 
body
{
background-image:url(imagenes/fondo.gif);
text-align:center;
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
{
width:600px;
height:300px;
padding: 12px 0px 10px 0px;
background-color :#ffffff;
float:right; 
}
 
#lateral
{
width:200px;
height:300px;
}

Con respecto a la respuesta de emirodgar ya lo probe con los bordes y me pegan saltos de lineas.