Como colocar as estrelas de avaliação horizontalmente na minha página HTML?

P

pedro100

Zeta

• 23/02/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 edição: 12/12/2012

K

kraciboy

Beta

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 24/02/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/02/2012

• #3

Gracias por responder.

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

 

K

kraciboy

Beta

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 25/02/2012

• #4

pedro100 disse:

Gracias por responder.

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

Clique 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/02/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.

Inserir CODE, HTML ou 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

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 25/02/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!