Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/02/2008, 14:50
dark_fuhrer
 
Fecha de Ingreso: enero-2008
Ubicación: -
Mensajes: 62
Antigüedad: 16 años, 2 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