Foros del Web » Creando para Internet » CSS »

Problema posicion de un menu css

Estas en el tema de Problema posicion de un menu css en el foro de CSS en Foros del Web. hola mi problema es el siguiente tengo una tabla <table> <td><div id=menu> </div> </td> <td>un formulario</td> </table> pero el menu de la division me queda ...
  #1 (permalink)  
Antiguo 26/02/2010, 20:21
 
Fecha de Ingreso: octubre-2009
Mensajes: 68
Antigüedad: 8 años, 1 mes
Puntos: 1
Problema posicion de un menu css

hola mi problema es el siguiente
tengo una tabla
<table>
<td><div id=menu> </div> </td>
<td>un formulario</td>
</table>
pero el menu de la division me queda centrado verticalmente osea en la mitad de la columna ,yo necesito que me quede en la parte superior pero no se como,lei algo sobre el atributo float: left; perono se en que parte colocarlo ,yo se que la pregunta es sencilla pero no se como solucionarlo gracias.
A.submenu:link{text-decoration:none;color:#FFFFFF;} //color de la letra del submenu principal al cargar.
este es el codigo css
A.submenu:active{text-decoration:none;color:#FF0000;}
A.submenu:hover{text-decoration:none;color:#fffff;}
A.submenu:visited{text-decoration:none;color:#FFFFff;}

.menuOff{
font-size:14px; //tamaño del texto del menu principal
cursor: hand;
border-width:medium;
border-top-width:none;
border-bottom:medium;
}

.menuOn{
font-size:16px; //tamaño del menu al posicionar el cursor
cursor: hand;
border-width:thin;
border-top-width:0px;
border-bottom:none;
}

.submenutd{
border:outset;
border-top:none;
border-width:thin;
font-size:12px; //tamaño de la letra del segundo menu
}

.tdmenu
{
padding:1px; // espacio entre el menu 1 y el menu 2 de la pagina principal
}

y este el del menu
<div id='ddblueblockmenu'>

<div class='menutitle'>Dynamic Drive</div>
<ul>
<li><a href='http://www.dynamicdrive.com'>Home</a></li>
<li><a href='http://www.dynamicdrive.com/new.htm'>What's New</a></li>
<li><a href='http://www.dynamicdrive.com/revised.htm'>What's Revised</a></li>
<li><a href='http://www.dynamicdrive.com/forums/'>Help Forums</a></li>
</ul>

<div class='menutitle'>CSS Library</div>
<ul>
<li><a href='http://www.dynamicdrive.com/style/csslibrary/category/C1/'>Horizontal CSS Menus</a></li>
<li><a href='http://www.dynamicdrive.com/style/csslibrary/category/C2/'>Vertical CSS Menus</a></li>
<li><a href='http://www.dynamicdrive.com/style/csslibrary/category/C4/'>Image Effects</a></li>
<li><a href='http://www.dynamicdrive.com/style/csslibrary/category/C6/'>Form Effects</a></li>
<li><a href='http://www.dynamicdrive.com/style/csslibrary/category/C5/'>Boxes & containers</a></li>
<li><a href='http://www.dynamicdrive.com/style/csslibrary/category/C7/' style='border-bottom-color: black'>Links & Buttons</a></li>
</ul>
</div>
  #2 (permalink)  
Antiguo 27/02/2010, 00:28
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Problema posicion de un menu css

¿Por alguna razón debes usar tablas para maquetar?

Cita:
Iniciado por laupatri1084 Ver Mensaje
... necesito que me quede en la parte superior pero no se como
prueba con #menu{position:relative; top:0;} ( reemplaza id=menu por id="menu")

Cita:
Iniciado por laupatri1084 Ver Mensaje
... lei algo sobre el atributo float: left;
Si te interesa, aquí lo puedes releer, recuerda limpiar los float.

Saludos!
  #3 (permalink)  
Antiguo 27/02/2010, 09:45
 
Fecha de Ingreso: octubre-2009
Mensajes: 68
Antigüedad: 8 años, 1 mes
Puntos: 1
Respuesta: Problema posicion de un menu css

hola la lectura que me sugeriste esta muy interesante voy a maquetear mejor de esta forma que con tablas y muchas gracias

Etiquetas: posicion
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 19:15.