Como alinhar este código em uma única linha

Bloggero · 28/04/2015

Me gustaría saber si alguno de vosotros tiene idea de como poder alinear estos dos códigos en una sola línea... he hecho un retoque con el PhotoShop para que veáis como quiero que quede.

Este es el código, y la captura de como sale ahora en la web.

PHP:

<div class="rating-info-container">
	<div class="views"><span class="count"><?php if(function_exists('the_views')) {  ?><strong><?php the_views(); ?></strong><?php } ?></span></div><div class="rating-bar-container">
<?php if(function_exists('the_ratings')) { ?><div class="rating"><?php the_ratings(); ?></div><?php } ?> 
	</div>

</div>

Y así es como me gustaría que quedase, supongo que será una tontería, pero no llego a alinear esta parte...

a1e30 · 28/04/2015

A los divs ponele el atributo style="display:inline"

Bloggero · 28/04/2015

a1e30 disse:
A los divs ponele el atributo style="display:inline"

¿Me podrías poner el ejemplo con el mismo código?

Lo digo porque prefiero no tocarlo yo por si acaso... he tenido algún que otro susto tocando este tipo de cosas que no controlo. ¡Gracias! :encouragement:

a1e30 · 28/04/2015

Bloggero disse:
¿Me podrías poner el ejemplo con el mismo código?

Lo digo porque prefiero no tocarlo yo por si acaso... he tenido algún que otro susto tocando este tipo de cosas que no controlo. ¡Gracias! :encouragement:

Así debería andar bien!

Inserir CODE, HTML ou PHP:

<div class="rating-info-container"> 
    <div class="views" [B]style="display:inline"[/B]><span class="count"><?php if(function_exists('the_views')) {  ?><strong><?php the_views(); ?></strong><?php } ?></span></div><div class="rating-bar-container"> 
<?php if(function_exists('the_ratings')) { ?><div class="rating" [B]style="display:inline"[/B]><?php the_ratings(); ?></div><?php } ?>  
    </div> 

</div>

Bloggero · 29/04/2015

a1e30 disse:

Así debería andar bien!

Inserir CODE, HTML ou PHP:

<div class="rating-info-container"> 
    <div class="views" [B]style="display:inline"[/B]><span class="count"><?php if(function_exists('the_views')) {  ?><strong><?php the_views(); ?></strong><?php } ?></span></div><div class="rating-bar-container"> 
<?php if(function_exists('the_ratings')) { ?><div class="rating" [B]style="display:inline"[/B]><?php the_ratings(); ?></div><?php } ?>  
    </div> 

</div>

Lo acabo de probar y no funciona, gracias de todas formas. :encouragement:

Cicklow · 29/04/2015

Bloggero disse:
Lo acabo de probar y no funciona, gracias de todas formas. :encouragement:

le falto a un div el inline:

PHP:

<div class="rating-info-container"> 
    <div class="views" style="display:inline"><span class="count"><?php if(function_exists('the_views')) {  ?><strong><?php the_views(); ?></strong><?php } ?></span></div><div class="rating-bar-container" style="display:inline"> 
<?php if(function_exists('the_ratings')) { ?><div class="rating" style="display:inline"><?php the_ratings(); ?></div><?php } ?>  
    </div> 

</div>

Bloggero · 29/04/2015

Pues es raro... pero sigue igual [MENTION=9679]cicklow[/MENTION]. :ambivalence:

Cicklow · 29/04/2015

Bloggero disse:
Pues es raro... pero sigue igual [MENTION=9679]cicklow[/MENTION]. :ambivalence:

coloca el code HTML, sin PHP aca en el post... osea entra a tu sitio web, mira el code fuente, busca eso y colocalo aca... ya que de seguro algun code del PHP esta haciendo el salto de linea..

Bloggero · 29/04/2015

cicklow disse:
coloca el code HTML, sin PHP aca en el post... osea entra a tu sitio web, mira el code fuente, busca eso y colocalo aca... ya que de seguro algun code del PHP esta haciendo el salto de linea..

¿Te refieres a esto?

HTML:

<div class="rating-info-container"> 
    <div class="views" style="display:inline"><span class="count"><strong>3 vistas</strong></span></div><div class="rating-bar-container" style="display:inline">
<div class="rating" style="display:inline"><div id="post-ratings-17" class="post-ratings" itemscope itemtype="http://schema.org/Article" data-nonce="f5d8ce254d"><img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_start.gif" alt="" class="post-ratings-image" /><img id="rating_17_1" src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_off.gif" alt="" title="" onmouseover="current_rating(17, 1, '');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_17_2" src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_off.gif" alt="" title="" onmouseover="current_rating(17, 2, '');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_end.gif" alt="" class="post-ratings-image" /> (No Ratings Yet)<br /><span class="post-ratings-text" id="ratings_17_text"></span></div><div id="post-ratings-17-loading" class="post-ratings-loading">
			<img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." class="post-ratings-image" />Loading...</div></div>  
    </div> 

</div>

Gracias de nuevo. :encouragement:

asesor · 29/04/2015

no le pongas en el html nada de style, eso es enguarrar, busca la clase "views" en el css,
habria que verlo bien pero con un float left si no hay otro estilo que contradiga ya deberia
funcionar.

A tener en cuenta que el div principal no tenga unas medidas tambien contradictorias.

deseo haberte ayudado.

saludos.

asesor · 29/04/2015

no le pongas en el html nada de style, eso es enguarrar, busca la clase "views" en el css,
habria que verlo bien pero con un float left si no hay otro estilo que contradiga ya deberia
funcionar.

A tener en cuenta que el div principal no tenga unas medidas tambien contradictorias.

deseo haberte ayudado.

saludos.

Cicklow · 29/04/2015

Bloggero disse:

¿Te refieres a esto?

HTML:

<div class="rating-info-container"> 
    <div class="views" style="display:inline"><span class="count"><strong>3 vistas</strong></span></div><div class="rating-bar-container" style="display:inline">
<div class="rating" style="display:inline"><div id="post-ratings-17" class="post-ratings" itemscope itemtype="http://schema.org/Article" data-nonce="f5d8ce254d"><img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_start.gif" alt="" class="post-ratings-image" /><img id="rating_17_1" src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_off.gif" alt="" title="" onmouseover="current_rating(17, 1, '');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_17_2" src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_off.gif" alt="" title="" onmouseover="current_rating(17, 2, '');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_end.gif" alt="" class="post-ratings-image" /> (No Ratings Yet)<br /><span class="post-ratings-text" id="ratings_17_text"></span></div><div id="post-ratings-17-loading" class="post-ratings-loading">
			<img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." class="post-ratings-image" />Loading...</div></div>  
    </div> 

</div>

Gracias de nuevo. :encouragement:

como ves se esta metiendo otro div...

HTML:

<div id="post-ratings-17" class="post-ratings" itemscope itemtype="http://schema.org/Article" data-nonce="f5d8ce254d">

y a ese div le falta el inline... lo que podes hacer es colocar un hack CSS... como ves dice class="post-ratings" tons editas style.css de tu theme y colocas:

HTML:

.post-ratings{
    display: inline;
}

- - - Actualizado - - -

Bloggero disse:

¿Te refieres a esto?

HTML:

<div class="rating-info-container"> 
    <div class="views" style="display:inline"><span class="count"><strong>3 vistas</strong></span></div><div class="rating-bar-container" style="display:inline">
<div class="rating" style="display:inline"><div id="post-ratings-17" class="post-ratings" itemscope itemtype="http://schema.org/Article" data-nonce="f5d8ce254d"><img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_start.gif" alt="" class="post-ratings-image" /><img id="rating_17_1" src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_off.gif" alt="" title="" onmouseover="current_rating(17, 1, '');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_17_2" src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_off.gif" alt="" title="" onmouseover="current_rating(17, 2, '');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/bars/rating_end.gif" alt="" class="post-ratings-image" /> (No Ratings Yet)<br /><span class="post-ratings-text" id="ratings_17_text"></span></div><div id="post-ratings-17-loading" class="post-ratings-loading">
			<img src="http://mipaginaweb.com/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading..." title="Loading..." class="post-ratings-image" />Loading...</div></div>  
    </div> 

</div>

Gracias de nuevo. :encouragement:

como ves se esta metiendo otro div...

HTML:

<div id="post-ratings-17" class="post-ratings" itemscope itemtype="http://schema.org/Article" data-nonce="f5d8ce254d">

y a ese div le falta el inline... lo que podes hacer es colocar un hack CSS... como ves dice class="post-ratings" tons editas style.css de tu theme y colocas:

HTML:

.post-ratings{
    display: inline;
}

Como alinhar este código em uma única linha

Bloggero

a1e30

Bloggero

a1e30

Bloggero

Cicklow

Bloggero

Cicklow

Bloggero

asesor

asesor

Cicklow

Tópicos similares