Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] ol li content: counter() symbols

Estas en el tema de ol li content: counter() symbols en el foro de CSS en Foros del Web. hola He visto por internet que en la propiedad content como contador puedo poner: counter(hola, lower-alpha). http://www.princexml.com/doc/9.0/counters/ En esta pagina entiendo que podria sustituir lower-alpha ...
  #1 (permalink)  
Antiguo 11/04/2014, 01:56
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 13 años, 10 meses
Puntos: 1
ol li content: counter() symbols

hola

He visto por internet que en la propiedad content como contador puedo poner: counter(hola, lower-alpha).

http://www.princexml.com/doc/9.0/counters/
En esta pagina entiendo que podria sustituir lower-alpha por symbols(x, y, z), saliendo un contador, con simbolos decididos y determinados por mi.

No se si los navegadores no lo han implementado o que, pero no hay manera de que me lo acepte, alguien tiene idea de como se usa el symbols?

Aquí teneis mi codigo por si hos sirbe de ayuda.


Código:
.hola {
	counter-reset: hola;

}


.hola li{
	list-style-type: none;
}


.hola li:before {
	counter-increment:hola;
	content: counter(hola)". ";

}
Código HTML:
<ol class="hola">
	<li>The Wall</li>
	<li>More</li>
	<li>Piper at the gates of Dawn</li>
	<li>Final Cut</li>
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
</ol>
<ol class="hola">
	<li>The Wall</li>
	<li>More</li>
	<li>Piper at the gates of Dawn</li>
	<li>Final Cut</li>
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
	<li>Meddle</li>	
</ol> 
  #2 (permalink)  
Antiguo 11/04/2014, 02:01
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: ol li content: counter() symbols

¿Dónde aplicas lo de los símbolos?
  #3 (permalink)  
Antiguo 11/04/2014, 02:04
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: ol li content: counter() symbols

Lo pruevo en la ultima versión de chrome, de firefox y safari

Código:
	

.hola li:before {
	counter-increment:hola;
	content:counter(hola, symbols(a,b,c))". ";
}
pongo esto, y no me marca nada

Última edición por lktmaster; 11/04/2014 a las 02:12
  #4 (permalink)  
Antiguo 11/04/2014, 02:26
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: ol li content: counter() symbols

He probado en Safari y Chrome y no funciona no. Incluso sin usar contadores y con ejemplos de la propia especificación, tampoco. Supongo que no estará implementado aún.
  #5 (permalink)  
Antiguo 11/04/2014, 02:35
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: ol li content: counter() symbols

muchas gracias, me pegaré un tiro :p

Aunque en la especificación que me pones es el de @counter-style,
que esos si que seguro no estan implementados.

Igualmente si tienes una idea para hacer lo mismo soy todo ojos.

Muchas gracias

Etiquetas: content, counter, listas
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 10:23.