menu con fondo repetido horizontal y vertical

sebacomas · #1 (**permalink**) 08/06/2012, 14:48

Hola, nesecito hacer un fondo repetido en un menu
tiene la forma de un "globo de charla".
Entonces pense hacer una imagen para cada esquina y otro para el medio que es lo que se repite, hice lo siguiente:

Código HTML:

Ver original<div id="fondo-superior-izq"></div>
                                            <div id="fondo-superior-derecho"></div>
                                            <div id="fondo-medio"><li><a href="#">TEXTO TEXTO TEXTO TEXTO TEXTO</a></li>
                                            <div class="clear"></div>
                                            </div>  
                                            <div id="fondo-inferior-derecho"></div>
                                            <div id="fondo-inferior-izq"></div>

Todo esto dentro de un <ul></ul> Los divs los hice flotar a cada esquina, y lo que obtuve es el fondo del medio que se superpone y no se repite bien en todo el globo.[IMG]

[/IMG]

kseso? · #2 (**permalink**) 08/06/2012, 15:22

Ejercicio para hoy:
Una consulta en el foro de css sin css es como (completar bajo la línea de puntos)

.................... ........................ ................................ ............................ ...................... ...........

1:
2:

sebacomas · #3 (**permalink**) 08/06/2012, 15:37

PIDO DISCULPAS ACA VA el css:

Código CSS:

Ver original#menu{
width:850px;
height:30px;
border:0px solid #000000;
clear:both;
float:right;
 
 
}
 
#menu ul{
list-style:none;
display:inline;
 
 
}
 
#menu ul li{
float:left;
}
 
#menu ul li a:link{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
 
#menu ul li ul li a:link{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
 
 
#menu ul li ul{
list-style:none;
font-size:14px;
padding-top:-10px;
width:auto;
 
}
 
#menu ul li ul li{
width:auto;
height:auto;
float:left;
}
 
#menu ul li ul #fondo-superior-izq{
width:15px;
height:29px;
float:left;
background-image:url(../img/menu-sup-izq.png);
background-repeat:no-repeat;
}
 
#menu ul li ul #fondo-superior-derecho{
width:16px;
height:29px;
float:right;
background-image:url(../img/menu-sup-derecha.png);
background-repeat:no-repeat;
}
 
#menu ul li ul #fondo-medio{
width:auto;
height:auto;
border:0px solid #FF0000;
background-image:url(../img/menu-medio.png);
background-repeat:repeat;
}
 
#menu ul li ul #fondo-inferior-derecho{
width:16px;
height:16px;
float:right;
background-image:url(../img/menu-inferior-derecha.png);
background-repeat:no-repeat;
}
 
#menu ul li ul #fondo-inferior-izq{
width:19px;
height:16px;
background-image:url(../img/menu-inferior-izq.png);
background-repeat:no-repeat;
float:left;
}

furoya · #4 (**permalink**) 09/06/2012, 08:04

¿Es broma?

¿Y en qué HTML está el elemento con identificador "menu"?
¿Y las rutas absolutas para ver las imágenes que usas?

Creo que la solución a tu drama puede ser muy sencilla, pero ...

Pon un codigo completo (desde <html> hasta </html>) que muestre solamente ese menú, con sus imágenes y estilos. De otra forma, que le acierten a resolver tu problema es cuestión de suerte. O lo hacen a la primera, o dentro de cien años.

kseso? · #5 (**permalink**) 09/06/2012, 10:00

¡Vaya una tomadura de pelo!

¿Es usted que no sabe qué se trae entre manos o es el más sutil de todos los intentos que se hayan visto para obtener un código a medida?

No hay nada que se pueda salvar de lo que ha publicado. Vaya engendro de html rematado por un css que no se corresponde en nada al html.

Sinceramente, creo que hubiese sido mejor no haber pedido códigos y dejar que el tema se hundiese en el olvido.

furoya · #6 (**permalink**) 09/06/2012, 10:12

(Es que yo todavía tengo algo de fe en la humanidad

)

sebacomas · #7 (**permalink**) 14/06/2012, 19:44

Perdón es que estaba en el trabajo, y lei entre lineas las cosas.
Pido disculpas y sigan creyendo en la humanidad. Ya resolvi las cosas por mis propios medios, laproxima voy a estar mas atento,