Duda con menu en CSS

[codeman1234]

Hola buenas,

como dije en mi post anterior estoy intentando meterme en el mundillo de CSS poco a poco, estoy intentando hacer un menu en CSS.


Haciendo primero una etiqueta grande div y luego cada enlace del menu hacerlo en etiquetas pequeñas. Pero el problema con el que me encuentro es cuando hago las etiquetas pequeñas hago la primera y bien pero cuando hago la segunda se me pone abajo de la primera, que propiedad tengo que usar para que la segunda etiqueta se ponga al lado de la primera y asi con el resto de etiquetas?


Saludos y gracias

[allvipdomains]

float:left

[Carlangueitor]

Amigo te recomiendo que leas esto: http://www.librosweb.es/css/index.html, ahí vienen la mayoría de las respuestas que tienes ahora que eres principiante, cuando tengas dudas más especifica vienes aquí.

Ah, y los menús se hacen con listas desordenadas.

Saludos

[jomaruro]

Hola:

En las FAQ's de CSS, tienes varios ejemplos distintos de menús.

Saludos.

[codeman1234]

float left no me funciona me pone la segunda capa a la derecha pero abajo no al lado, como lo hago entonces con listas desordenadas?


saludos y gracias

[Carlangueitor]

Amigo, puede depender de muchas cosas, pero sin ver el código va a ser difícil atinarle.Con listas desordenadas es lo mismo, float:left y le quitas los bullets.

Saludos

[codeman1234]

Iniciado por Carlangueitor

Amigo, puede depender de muchas cosas, pero sin ver el código va a ser difícil atinarle.Con listas desordenadas es lo mismo, float:left y le quitas los bullets.

Saludos

Gracias por responder Carlanquitor, que codigo necesitas el de CSS? El de CSS es el siguiente:

Código:

/*##############  MENU ######################*/

#menu {
	height: 50px;
	width: 920px;
	background-color: #99FF33;
} 

/*############## MENU ITEMS ################*/

#menu_item1{
	width:924px;
	height:41px;
	background-color: #CC99FF;

}

#menu_item2{
	width:100px;
	height:41px;
	background-color: #6633FF;
	margin-left: 100px;
}

#menu_item3{
	width:100px;
	height:41px;
	background-color: #FF6666;
}

#menu_item4{
	width:920px;
	height:41px;
	background:#004440;
}

#menu_item5{
	width:920px;
	height:41px;
	background:#002220;
}

#menu_item6{
	width:920px;
	height:41px;
	background:#00FFF0;
}



/*############## BODY ####################*/

#body {
	margin: 0px;
	padding: 0;
	text-align: justify;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 920px;
}

Algo mas necesitais? Porque no se como hacer para poner eso al lado no abajo

saludos y gracias

[Carlangueitor]

El HTML, para que sepamos que es cada cosa.

[codeman1234]

Gracias a todos por responder, jomaruro he estado mirando el FAQ de CSS que pusiste (este link http://www.forosdelweb.com/f53/faqs-...ml#post2453726)y el menu 12 es justo el que quiero, he visto que te muestra el codigo CSS (en este link http://www.araudi.net/Desplegables/css/menu-12.css)y el codigo HTML (dandole al navegador la opcion de "ver codigo fuente") y lo cargue en mi web para ver como va, va perfecto excepto de estos dos problemas el primero es que cuando pongo el raton en uno de los menus el menu que deberia aparecer abajo me sale a la izquierda del primero y el segundo es que quisiera ponerlo un poquito mas hacia arriba de la posicion que esta pero nose como moverlo he intentado con las propiedades de CSS top, float, position y nada.


Saludos y gracias

[jomaruro]

Hola:

Claro, ahora deberás adaptar las dimensiones y posición del menu a tu página. Un consejo, cuando cambies un parámetro mira el resultado si te vale bien, si no te vale vuelve atrás, no cambies más de un parámetro sin probar sino no sabrás cual te vale y cual no.

Saludos.