Foros del Web » Creando para Internet » CSS »

problema menu Horizontal CSS

Estas en el tema de problema menu Horizontal CSS en el foro de CSS en Foros del Web. Hola tengo un problema con el menú CSS a ver si me pueden ayudar, mi problema es que tengo un menú horizontal, i uno de ...
  #1 (permalink)  
Antiguo 02/12/2009, 06:04
 
Fecha de Ingreso: agosto-2009
Mensajes: 21
Antigüedad: 8 años, 3 meses
Puntos: 0
problema menu Horizontal CSS

Hola tengo un problema con el menú CSS a ver si me pueden ayudar, mi problema es que tengo un menú horizontal, i uno de los menús tiene muchos submenús que sobrepasan toda la parte horizontal..

en definitiva que quedo limitado por el espacio horizontal del submenús, i me gustaría saber si puedo duplicar la línea horizontal solo en los menús que tengan muchos submenús.

adjunto el codigo fuente

muchas gracias



<div id="menuSup">
<div id="menu">
<ul id="primer">
<li>
<h1><a href="#">Menu 1</a></h1>
<ul>
<li><a href="#" runat="server" title="title">submenu 1</a></li>
<li><a href="#" runat="server" title="title2">submenu 2</a></li>
</ul>
</li>
</ul>
<ul>
<li>
<h1><a href="#">menu 2</a></h1>
<ul>
<li><a href="#" title="#">submenu 1</a></li>
</ul>
</li>
</ul>
</div>
</div>



#menu ul
{
height: 34px;
list-style: none;
margin: 0;
padding: 0;
float: left;
}
#menu a, #menu h1
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
display: block;
padding:0;
margin:0;
}
#menu h1
{
color: #fff;
text-transform: uppercase;
}
#menu a
{
color: #fff;
text-decoration: none;
padding:12px 8px 10px 8px;
}
#menu a:hover
{
color:#333;
background:#FC0 url(../Fitxers/Imatges/fons_menu_on.gif) repeat-x;
}
#menu ul ul a
{
font:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
color: #333;
text-decoration: none;
padding:6px 10px 8px 10px;
font-weight:bold;
}
#menu ul ul a:hover
{
color:#333;
text-decoration: underline;
background:none;
font-weight:bold;
}
#menu li
{
position: relative;
border-right:#000 1px solid;
list-style:none;
float:left;
}
#menu ul ul ul {
position: absolute;
left: 100%;
}
#menu ul ul
{
height:25px;
background-color:#ffcc00;
width:950px;
position:absolute;
margin-right:auto;
margin-left:auto;
float:right;
z-index: 500;
}
#menu ul ul li
{
position: relative;
border:0;
list-style:none;
float:left;
}

div#menu ul ul
{
display: none;
}
div#menu ul li:hover ul
{
display: block;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
display: block;
}
div#menu1
{
position:relative;
left:0;
}
  #2 (permalink)  
Antiguo 02/12/2009, 07:51
 
Fecha de Ingreso: julio-2003
Ubicación: Cochabamba Bolivia
Mensajes: 300
Antigüedad: 14 años, 4 meses
Puntos: 14
Respuesta: problema menu Horizontal CSS

Hola amigo.
Mira por mas que analizo tu codigo no puedo entender exactamente cual es tu error, sin embargo, lo poco que te puedo entender es que en algun momento uno de tus menus se sobresale y seguramente de debe deformar tu diseño, eso es lo que pasa?

Tambien seria bueno que pongas un ejempo de lo que te pasa o subilo para verlo, asi podriamos ayudarte mejor.

Saludos.
__________________
:policia: Uno para todos y todos para uno.

Última edición por sander; 02/12/2009 a las 07:53 Razón: ortografia
  #3 (permalink)  
Antiguo 02/12/2009, 08:07
 
Fecha de Ingreso: agosto-2009
Mensajes: 21
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: problema menu Horizontal CSS

no puedo poner ejemplo por que no me deja poner la imagen, el problema lo as entendido bien, pe`ro no se me deforma el dissenyo, senzillamnte los submenus que no caben no sales i punto...
se quedan escondidos.

a ver ni que tenga que cambiar el menú por completo, solo quiero una idea o solucion sobre como poner un menu horizontal sin limitación de submenus...
  #4 (permalink)  
Antiguo 02/12/2009, 08:34
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: problema menu Horizontal CSS

Cita:
Iniciado por Jolinar Ver Mensaje
no sales i punto
y2.

(Del lat. et).

1. conj. copulat. U. para unir palabras o cláusulas en concepto afirmativo. Si se coordinan más de dos vocablos o miembros del período, solo se expresa, generalmente, antes del último. Ciudades, villas, lugares y aldeas. El mucho dormir quita el vigor al cuerpo, embota los sentidos y debilita las facultades intelectuales.
  #5 (permalink)  
Antiguo 02/12/2009, 08:39
 
Fecha de Ingreso: julio-2003
Ubicación: Cochabamba Bolivia
Mensajes: 300
Antigüedad: 14 años, 4 meses
Puntos: 14
De acuerdo Respuesta: problema menu Horizontal CSS

Bueno sin ver tu ejemplo dificilmente alguien te puede ayudar, y como no puedes ponerlo pues nos limitas, asi que lo unico que puedo hacer es brindarte este enlace con un menu horizontal de hasta 6 niveles de profundidad (espero que sean suficientes), esta echo con puro css, el enlace es el siguiente:

http://www.cssplay.co.uk/menus/simple_vertical.html

Si no te gusta este puedes ver alli hay muchisimos y solo tienes que copiar y pergar en css y el html y listo a crear tu menu.

Saludos.
__________________
:policia: Uno para todos y todos para uno.

Última edición por sander; 02/12/2009 a las 17:05 Razón: ortografia
  #6 (permalink)  
Antiguo 02/12/2009, 15:53
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: problema menu Horizontal CSS

Hola:

También tienes varios ejemplos en las FAQ'S de CSS.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:45.