Foros del Web » Creando para Internet » CSS »

Background a un <li>

Estas en el tema de Background a un <li> en el foro de CSS en Foros del Web. Hola compañeros, tengo una duda, es que debo colocar debajo de un menu horizontal, una imagen en degradado(por eso no le coloco un color al ...
  #1 (permalink)  
Antiguo 12/06/2008, 10:42
Avatar de the_web_saint  
Fecha de Ingreso: mayo-2008
Ubicación: localhost/tierra/america/panama
Mensajes: 1.229
Antigüedad: 9 años, 7 meses
Puntos: 43
Pregunta Background a un <li>

Hola compañeros,

tengo una duda, es que debo colocar debajo de un menu horizontal, una imagen en degradado(por eso no le coloco un color al borde inferior del div), es posible colocar una imagen de fondo a un <li>.??

mas o menos tengo la estructura de esta manera:

Cita:
<div>
<ul>
<li>Opcion 1</li>
<li>Opcion 2</li>
</ul>
</div>
__________________
..::The Saint::..
El pesimista se queja del viento; el optimista espera que cambie; el realista ajusta las velas.
  #2 (permalink)  
Antiguo 12/06/2008, 10:48
Avatar de the_web_saint  
Fecha de Ingreso: mayo-2008
Ubicación: localhost/tierra/america/panama
Mensajes: 1.229
Antigüedad: 9 años, 7 meses
Puntos: 43
Pregunta Respuesta: Background a un <li>

Hola Nuevamente:

Para ser mas especifico....

Cita:
<div id="div_panel_principal">
<ul id="panel_principal">
<li id="activado"><a href="blogs.php" title="Ir a noticias">Noticias</a></li>
<li><a href="productos/productos.php" title="Ir a productos">Productos</a></li>
</ul>
</div>
y el css que utilizo para este pedazo de codigo es:

Cita:
ul li
{
list-style:none;
}
#menu2 #div_panel_principal
{
margin:5px;
}
#menu2 #div_panel_principal #panel_principal
{
margin:5px 0px;
padding:0px;

}
#menu2 #panel_principal li
{
float:left;
margin-left:20px;
margin-right:20px;
padding-bottom:20px;
}
ul #activado a:link, ul #activado a:visited, ul #activado a:active
{
margin:0px;
padding:0px;
vertical-align:top;
color:#000000;
font-size:14px;
text-decoration:none;
font-weight:700;
}
la imagen debe quedar debajo de las n opciones que haya en el menu horizontal, como si le colocara un color al borde inferior del ul o el div.
__________________
..::The Saint::..
El pesimista se queja del viento; el optimista espera que cambie; el realista ajusta las velas.
  #3 (permalink)  
Antiguo 12/06/2008, 14:50
 
Fecha de Ingreso: diciembre-2003
Mensajes: 204
Antigüedad: 14 años
Puntos: 2
Respuesta: Background a un <li>

ul#panel_principal{
backgroun:loquesea;
}
Prueba a ver, pero quizá necesites darle dimensiones al ul, aunque no estoy seguro.
Ya me comentas
  #4 (permalink)  
Antiguo 13/06/2008, 16:10
Avatar de the_web_saint  
Fecha de Ingreso: mayo-2008
Ubicación: localhost/tierra/america/panama
Mensajes: 1.229
Antigüedad: 9 años, 7 meses
Puntos: 43
Respuesta: Background a un <li>

Hola DaChux:

Muchas gracias por tu respuesta, eso ya lo había probado pero no me servia ya que la imagen debia estar degradada tanto vertical como horizontal, asi que la solucion que tome fue colocar un div que contiene 3 div´s mas, la primera una imagen de 10px que es el degradado de la izquierda, a otra se repetira para obtener el ancho del texto y la ultima capa tiene otra imagen de 10 px que es el degradado final.
Me funciono bastante bn,
:)

Muchas Gracias por tu ayuda....
__________________
..::The Saint::..
El pesimista se queja del viento; el optimista espera que cambie; el realista ajusta las velas.
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 00:45.