Foros del Web » Creando para Internet » CSS »

regla de estilo para div ul li

Estas en el tema de regla de estilo para div ul li en el foro de CSS en Foros del Web. hola a todos tengo lo siguiente: <html> <head> <style> </style> </head> <div> <ul> <li>hola</li> <li id="adios">adios</li> </ul> </div> Me gustaria alterar el tamaño solo del ...
  #1 (permalink)  
Antiguo 23/11/2009, 08:38
Avatar de JOSANCIN  
Fecha de Ingreso: septiembre-2008
Ubicación: huesca
Mensajes: 298
Antigüedad: 9 años, 3 meses
Puntos: 0
regla de estilo para div ul li

hola a todos

tengo lo siguiente:

<html>
<head>
<style>

</style>
</head>

<div>
<ul>
<li>hola</li>
<li id="adios">adios</li>
</ul>
</div>

Me gustaria alterar el tamaño solo del contenido de li al que he puesto el id"adios" pero no me sale
Agradeceria si alguien me pudiese decir como me refiero a ella

Gracias a todos y que vaya bien
  #2 (permalink)  
Antiguo 23/11/2009, 08:52
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 9 años, 4 meses
Puntos: 26
Respuesta: regla de estilo para div ul li

En tu estilo (CSS) colocas esto:
Código HTML:
Ver original
  1. <style type="text/css">
  2. <!--
  3. ul li.adios {font-size:16px;}
  4. -->
(el 16 px es un ejemplo, tú eliges las unidades).
Y deberías cambiar el id="adios" por class="adios" en el código HTML. Creo que en tu caso es recomendable hacerlo así porque seguramente tendrás varios li con esa característica en la misma página, y el id es cuando sólo aparece una vez.
Saludos.
  #3 (permalink)  
Antiguo 23/11/2009, 08:55
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: regla de estilo para div ul li

Cita:
Iniciado por RabidFish Ver Mensaje
En tu estilo (CSS) colocas esto:
Código CSS:
Ver original
  1. ul li.adios {font-size:16px;}
(el 16 px es un ejemplo, tú eliges las unidade).
Saludos.
id="adios", esta mal amigo.... seria un sharp # porque es id

En tu estilo (CSS) colocas esto:
Código CSS:
Ver original
  1. ul li#adios {font-size:16px;}
(el 16 px es un ejemplo, tú eliges las unidade).
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho
  #4 (permalink)  
Antiguo 23/11/2009, 08:56
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: regla de estilo para div ul li

Por las dudas me refiero a que esta mal el ejemplo de rabidfish no el html planteado por jasancin
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho
  #5 (permalink)  
Antiguo 23/11/2009, 08:59
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 9 años, 4 meses
Puntos: 26
Respuesta: regla de estilo para div ul li

Yo aclaré bien que debería cambiar el id por class en ese caso, me parece más adecuado. Quizás no lo viste porque edité el mensaje después de haberlo publicado, disculpa. Saludos.
  #6 (permalink)  
Antiguo 24/11/2009, 09:05
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: regla de estilo para div ul li

jajaja, aa xD... Quizas ni lo lei por haragan..
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho
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 12:39.