Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/03/2008, 14:06
caribeanpirate
 
Fecha de Ingreso: diciembre-2007
Mensajes: 17
Antigüedad: 16 años, 3 meses
Puntos: 0
Problemas con menu horizontal hecho con display:inside

Tengo un problemita con un menu que estoy intentando que quede horizontal.
Lo he probado con una lista y luego (actualmente) con div.
El problema se presenta cuando indico, mediante display:inside, que quiero que no haya saltos de linea entre un div y otro (o entre un li y otro al principio).
En este caso no puedo indicar width y height para el div (o para el li) porque pasa de ellos. Si le pongo display:block va perfecto. Estoy utilizando una imagen de fondo y cuando el display es block, acepta el tamaño y la imagen se ve correctamente, cuando el display es inside solo veo un trocito de la imagen de fondo.

Aqui os pongo el código, tanto de las hojas de estilo como del html:

#menu{
width:670px;
height:50px;
}
.xx{
width:175px;
height:40px;
padding-left:40px;
background-image:url(imagenes/m1.jpg);
background-repeat:none;
display:inside;
}
--------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3c.org/1999/xhtml\" xml:lang="es" lang="es">

<head>

<title></title>



<link rel="stylesheet" type="text/css" href="nautica.css" />

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />



</head>

<body>



<div id="menu">



<div class="xx">Inicio</div>

<div class="xx">Ventas</div>

<div class="xx">Alquiler</div>

<div class="xx">Excursiones</div>

<div class="xx">Contacta</div>



</div>



</body>

</html>

----------------------------------------------------------------------------

Desde ya gracias por la ayuda.