Como alinear este código en una sola línea

Bloggero · 28 Abr 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 Abr 2015

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

Bloggero · 28 Abr 2015

a1e30 dijo:
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 Abr 2015

Bloggero dijo:
¿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!

Insertar CODE, HTML o 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 Abr 2015

a1e30 dijo:

Así debería andar bien!

Insertar CODE, HTML o 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 Abr 2015

Bloggero dijo:
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 Abr 2015

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

Cicklow · 29 Abr 2015

Bloggero dijo:
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 Abr 2015

cicklow dijo:
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 Abr 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 Abr 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 Abr 2015

Bloggero dijo:

¿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 dijo:

¿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 alinear este código en una sola línea

Bloggero

a1e30

Bloggero

a1e30

Bloggero

Cicklow

Bloggero

Cicklow

Bloggero

asesor

asesor

Cicklow

Temas similares