Foros del Web » Creando para Internet » CSS »

Como agregar un • "punto" al CSS

Estas en el tema de Como agregar un • "punto" al CSS en el foro de CSS en Foros del Web. Estimados, una simple pregunta CSS? Como puedo agregar un simple punto • (en html "&#8226 ;") a un estilo, para cuando se lo agregue a ...
  #1 (permalink)  
Antiguo 03/11/2005, 22:09
Avatar de Dg4
Dg4
 
Fecha de Ingreso: mayo-2003
Ubicación: chile
Mensajes: 112
Antigüedad: 14 años, 7 meses
Puntos: 0
Pregunta Como agregar un • "punto" al CSS

Estimados, una simple pregunta CSS?
Como puedo agregar un simple punto • (en html "&#8226 ;") a un estilo, para cuando se lo agregue a la palabra que yo kiero no tenga que estar agregando el codigo html aparte? ejemplo:
• link uno
• link dos
• link tres
y estos tres puntos y texto, solo los seleccione como un CSS...

Gracias...
__________________
POLANCO.CL
"Diseño - POLANCO"
  #2 (permalink)  
Antiguo 04/11/2005, 05:32
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Hay que diferenciar 2 cosas: agregar "algo" delante de una clase css, y realizar una lista (como tu ejemplo). Según entiendo, tu querés usar lo primero para realizar lo segundo, cuando se debe uar lo primero para hacer lo primero, y lo segundo para hacer lo segundo

Para hacer una lista (como los enlaces de tu ejemplo):
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>

A esta lista se le pueden aplicar varios tipos de atributos css (color, fondo, etc.) además de tener atributos "propios" llamados list-style

Para agregar un código delante de "algo" definido mediante css se utiliza el pseudo-elemento :before
P.note:before {content: "Nota: "}

Así se ha definido una clase de párrafo llamada "note" en la que se indica que antes de la propia nota se debe incluir el texto indicado, osea, "Nota: ".
OJO: esta característica es de CSS 2 e Internet Explorer 6 no la soporta.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 04/11/2005, 10:09
Avatar de Dg4
Dg4
 
Fecha de Ingreso: mayo-2003
Ubicación: chile
Mensajes: 112
Antigüedad: 14 años, 7 meses
Puntos: 0
De acuerdo

Gracias.....

Me quedo claro...
__________________
POLANCO.CL
"Diseño - POLANCO"
  #4 (permalink)  
Antiguo 04/11/2005, 10:40
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
Html básico.. nada q ver con css, a menos q se quieran cambiar los estilos (color, tipo..)
  #5 (permalink)  
Antiguo 04/11/2005, 20:38
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Puedes hacer también tus bullets personalizados (caritas por ejemplo) con un background-image y un no repeat.
  #6 (permalink)  
Antiguo 05/11/2005, 20:14
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Cita:
Iniciado por Rafael
Puedes hacer también tus bullets personalizados (caritas por ejemplo) con un background-image y un no repeat.
te compliques, para eso existe list-style-image
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #7 (permalink)  
Antiguo 06/11/2005, 10:34
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Ah, es cierto.
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 17:16.