¿Cómo poner las estrellas de puntuar horizontalmente en mi página HTML?

P

pedro100

Zeta

• 23 Feb 2012

• #1

Hola.

En esta web de prueba tengo una pagina en html y al poner las estrellas de puntuar los post, las estrellas me salen verticalmente y quiero que salgan horizontalmente.

El codigo que tengo para estas estrellas es.

HTML:

<div class="js-kit-rating" starColor="red"></div>

HTML:

<script src="estrellas.js"></script>

¿Como puedo poner las estrellas horizontalmente?

Gracias y saludos.

 

Última edición: 12 Dic 2012

K

kraciboy

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 24 Feb 2012

• #2

Buenas,

Ahora mismo lo tienes así:

HTML:

<div class="separator" style="clear: both; text-align: center;">
aaa
<div class="js-kit-rating" starColor="red"></div> 
</div>

Prueba dejandolo así:

HTML:

<div class="separator" style="text-align: center;">
aaa
<div class="js-kit-rating" starColor="red"></div> 
</div>

El clear: both; está haciendo que los float: left; de las estrellas no floten a la izquierda, como así deberia ser

Un saludo!

 

P

pedro100

Zeta

• 24 Feb 2012

• #3

Gracias por responder.

Ya le he quitado el clear: both; pero las estellas que quedan igual, verticalmente.

 

K

kraciboy

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 25 Feb 2012

• #4

pedro100 dijo:

Gracias por responder.

Ya le he quitado el clear: both; pero las estellas que quedan igual, verticalmente.

Hacer clic para expandir...

Buenas,

Eso es problema de la estructura que has creado en la página, fijte en el footer como se ve bien, es evidente que el problema está en que la caja con class="separator" hay algo mal montado y de ahí que se vea en vertical

Un saludo!

 

P

pedro100

Zeta

• 25 Feb 2012

• #5

En el index.html me he dado cuenta que el <div id="b1"> era el problema.

En el estilo.css he buscado b1 y aparecia esto.

Insertar CODE, HTML o PHP:

#b1 table div{
	clear: both;
	text-align: center;
	border-width:5px;
	border-color:red;
}

He quitado el clear: both; y ahora las estrellas aparecen bien.

Al quitar el clear: both; ¿Solo afectara a las estrellas o puede afectar a otras cosas?

 

K

kraciboy

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 25 Feb 2012

• #6

Buenas,

El estilo "clear" se utiliza conjuntamente con float. Utilizamos este estilo cuándo queremos que elementos que tienen cerca un elemento flotante (mediante "float") dejen de alinearse junto a él

Sus posibles valores son left (el elemento no permite flotantes a su izquierda ), right (el elemento no permite flotantes a su derecha ) o both (el elemento no permite flotantes a ningún lado)

Un saludo!