Foros del Web » Creando para Internet » CSS »

problema con alineacion de menu desplegable (drop down menu)

Estas en el tema de problema con alineacion de menu desplegable (drop down menu) en el foro de CSS en Foros del Web. hola chicos del foro.. escribo porque tengo un problema que me esta matando y necesito su ayuda mi problema es el siguiente: resulta que estoy ...
  #1 (permalink)  
Antiguo 17/02/2008, 14:50
 
Fecha de Ingreso: enero-2008
Ubicación: -
Mensajes: 62
Antigüedad: 9 años, 11 meses
Puntos: 0
Sonrisa problema con alineacion de menu desplegable (drop down menu)

hola chicos del foro..
escribo porque tengo un problema que me esta matando y necesito su ayuda
mi problema es el siguiente:
resulta que estoy haciendo una serie de menues como este
(como el "demo2" que alli aparece).. y lo pueden bajar al codigo de aqui...
bueno... ahora que ya tienen el codigo.. les explico mi problema:

aqui les paso el codigo html solamente:(todo esto esta en el zip, ):
en el zip esta HTML,css, javascript
Cita:
<!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="en" xml:lang="en">
<head>
<title>Chrome CSS Drop Down Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css" />

<script type="text/javascript" src="chromejs/chrome.js">
/**/

</script>

</head>

<body>



<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
<li><a href="#" rel="dropmenu3">Search</a></li>
</ul>
</div>

<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>


<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="http://www.cnn.com/">CNN</a>
<a href="http://www.msnbc.com">MSNBC</a>
<a href="http://news.bbc.co.uk">BBC News</a>
</div>

<!--3rd drop down menu -->
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="http://www.google.com/">Google</a>
<a href="http://www.yahoo.com">Yahoo</a>
<a href="http://www.msn.com">MSN</a>
</div>


<script type="text/javascript">

cssdropdown.startchrome("chromemenu")

</script>

</body>

</html>
mi problema es el siguiente:

lo que quiero es que el menu no se encuentre tan arriba... quiero que este a la mitad de la pagina... y no he encontrado modo de hacerlo... he probado de todo..
creo que el mayor problema esta en los Css. pero no me doy cuenta el problema... quiero que el menu este mas abajo.. por medio de css(del codigo que puse para que descarguen.. ahi esta todo completo)
osea quiero hacerlo por css ....

espero que puedan entender mi problema
desde ya .. muchisimas gracias
saludos.. abrazos




diego

Última edición por dark_fuhrer; 17/02/2008 a las 18:12
  #2 (permalink)  
Antiguo 17/02/2008, 16:44
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: problema con alineacion de menu desplegable (drop down menu)

No entiendo que quieres decir con que quieres que esté tan arriba. Tienes que pensar que, como yo lo veo, el menú lo puedes poner donde quieras en el html. ¿Tienes un enlace de tu página específica el cual podamos ver?
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #3 (permalink)  
Antiguo 17/02/2008, 18:47
 
Fecha de Ingreso: enero-2008
Ubicación: -
Mensajes: 62
Antigüedad: 9 años, 11 meses
Puntos: 0
Re: problema con alineacion de menu desplegable (drop down menu)

hola juaniquillo... creo que me comprendiste mal o yo me exprese mal..
osea.. necesito colocar el menu en el centro de la pagina... hay que tener en cuenta que en mi pagina hay muchas capas y en cierto lugar de ellla voy a colocar mis menues..
la dificultad principal esta en el Css en como estan organizadas las capas del menu.. ya que podes observar que no hay una capa que sea contenedora de otras capas.. sino que todas son independientes.. y he probado de todas formas para alinear los menues y submenues y no se en donde cambiarle el codigo Css para darle una alineacion centrada...no se en donde poner la propiedad top, left.,etc..
para que te guies.. en el .zip esta el archivo principal que es 'demo.htm.'.
y la clase Css que uso es 'chromestyle.css' que esta en la carpeta "chrometheme"
...espero que me hayas entendido...
saludos


posdata: no he subido mi pagina a ningun lado aun.
  #4 (permalink)  
Antiguo 17/02/2008, 19:58
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: problema con alineacion de menu desplegable (drop down menu)

Es por el mismo hecho de que tu situación es bastante específica que te pregunté si tenias un link a tu página. Por lo menos yo necesito ver el resultado que tienes ahora para poder ofrecerte una solución. Me es muy difícil ver el código y saber que es lo que quieres hacer.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
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 11:21.