problema con alineacion de menu desplegable (drop down menu)

dark_fuhrer · #1 (**permalink**) 17/02/2008, 14:50

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>


<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>


<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>


<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

juaniquillo · #2 (**permalink**) 17/02/2008, 16:44

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?

dark_fuhrer · #3 (**permalink**) 17/02/2008, 18:47

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.

juaniquillo · #4 (**permalink**) 17/02/2008, 19:58

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.