div background

Iniciado por Pirat3net, 31 Marzo 2012, 07:12 AM

0 Miembros y 1 Visitante están viendo este tema.

Pirat3net

baaahhhhh
no se como me puedo romper tanto la cabeza para hacer un simple menu
bueno el problema es que los items en vez de ponerse en horizontal se me ponen vertical y me esta
hinchando los.....
bueno les agradezco el tiempo se que las id deberian ser unicas pero bueno, ahi no esta el fallo

el code html es
Código (html4strict) [Seleccionar]
<div id="menu"><div id="menu2"></div><div id="menu2"></div><div id="menu2"></div></div>

css


#menu{
width:301px;
height:51px;
position: relative;}
#menu2 {
background-image: url(botonmenu.jpg);
height: 50px;
width: 100px;
position: relative;
top: 0px;

background-repeat: no-repeat;
align: top;
}





esto ya me revienta, le he dado mil vueltas sumando 1 px por si quedaba justo , restandole el radio de la tierra al cuadrado y poniendo infinito igual a cero y na de na!"""

karmany

#1
Te sale en vertical porque te falta añadir lo siguiente:

Código (css) [Seleccionar]
#menu2 {
background-image: url(botonmenu.jpg);
height: 50px;
width: 100px;
position: relative;
top: 0px;

background-repeat: no-repeat;
align: top;

       display: inline;
}


No se suele ver esa unión de div que tú haces para hacer menús. Normalmente los menús suelen ser listas (<div><ul><li>...</li></ul></div>) o solamente enlaces (por ejemplo el menú principal de este foro).

Mi consejo es que analices una página web que te guste y veas su código y cómo lo hace.

Pirat3net

con el code que me pasate no se visualiza la imagen de background...alguna alternadtiva?  grax

Pirat3net

#3
el problema de la no visualizacion de la imagen quedo medio resuelto, parece que era un problema de que quedaba muy justo y no cabia el div, igualmente, me parece raro pues estaba al milimetro calculado,ahora el problema que tengo es que aunque los div de menu2 tengan el ancho especificado, si no escribo nada no ocupan este ancho, es decir, su tamaño varia de lo que exista dentro, alguna sugerencia para arreglarlo, gracias


edito

cambie menu2 a #menu div, intente #menu spam pero me dio algun problema

karmany

Como dije antes yo creo que deberías cambiar los menús y hacer una lista:
<div><ul><li>...</li></ul></div>

Muchísimas web hacen esto mira:
Genbeta: El menú superior: PORTADA, LO MEJOR...
http://www.genbeta.com/

Yahoo deportes: El menú superior Inicio, F1...
http://es.eurosport.yahoo.com/

El mismo Microsoft en Office:
http://office.microsoft.com/es-es/

O incluso webs como la de Ferrari:
http://www.ferrari.com/Spanish/Pages/Home.aspx

En todas ellas y en muchísimas más se sigue el modelo:
<div><ul><li>...</li></ul></div>

Mi consejo es que lo hagas igual y observes el código que ellos utilizan y te crees el tuyo propio.