Componente EasyBlog: allineare 3 icone!

[akuma321]

Salve a tutti,
Sto sperimentando un problema che mi fa impazzire , seppure all'apparenza sembra una fesseria:

Questa è la situazione:


ed il mio problema SEMBRA semplice:
Vorrei avere le voci  "hits", "Tags:" e "continue reading" tutte sulla stessa riga.

Con molto sforzo sono riuscito ad arrivare alla parte di codice che gestisce questo:
che esattamente è quella seguente:

Codice: [Seleziona]


         <div class="blog-taglist --mtm small">
                <div class="blog-meta---in">
                    <?php if($loadtags): ?>
                    <span class="ico blog-tag"><?php echo JText::sprintf('COM_EASYBLOG_TAG_LIST', $row->tags); ?></span>
                    <?php endif; ?>
                </div>
            </div>
           
            <div class="blog-meta-bottom small mtl">
                <div class="blog-meta-in">
                <?php if( $system->config->get( 'layout_hits' ) ): ?>
                    <span class="ico blog-hit mrm"><?php echo JText::sprintf( 'COM_EASYBLOG_HITS_TOTAL' , $row->hits ); ?></span>
                <?php endif; ?>
                <a href="<?php echo EasyBlogRouter::_('index.php?option=com_easyblog&view=entry'.$team.'&id='.$row->id); ?>" class="blog-more">
                    <span><?php echo JText::_('COM_EASYBLOG_CONTINUE_READING'); ?> &rarr;</span>
                </a>
                </div>
            </div>


Si tratta del componente EasyBlog, come potrete vedere, che serve a creare e gestire dei blog.

Insomma, credo di avervi detto piu o meno tutto..
io ci sono sopra da circa 5 ore... e comincio a vedere numerini e letterine anche se tolgo gli occhi dallo schermo 

Mi aiutate voi?  

grazie!

[adottauncane]

Ciao akuma321,
benvenuto nel forum 
hai un link alla pagina?

[akuma321]

http://www.fulli.gpsoftware.org/


Mi sta facendo impazzire
 

[adottauncane]

Prova a modificare così questi css:

Codice: [Seleziona]

#ezblog-body .ico.blog-tag {
    background: url("../images/icons/tag-small.png") no-repeat scroll 0 2px transparent;
    display: block;
    float: left;
    height: auto;
    padding-left: 18px;
    padding-right: 18px !important;
}styles.css (riga 107)

Codice: [Seleziona]

#eblog-dialog .mtl, #eblog-wrapper .mtl {
    margin-top: 0 !important;
}common.css (riga 80)

Codice: [Seleziona]

#ezblog-body .blog-rating {
    display: block;
    font-size: 11px;
}styles.css (riga 118)

[akuma321]

Beh...che dirti?
Non c'è un corpo-font cosi' alto nell'editor per farti capire come vorrei scriverti "grazie!!"
Funziona alla grande!

Però, dato che non sono un bimbominkia qualunque che si aspetta la pappa pronta..
ti chiederei di spiegarmi come hai fatto a capire come e dove operare in questa immensa giungla di files !

Cioè: il discorso non è unicamente per me, credo, ma farà anche piacere a quelli come me, che leggendo questo thread si interrogheranno sul "modus operandi" per arrivare alla soluzione finale!

Ti va di perdere altri 5 minuti!?

Ad esempio...cosa hai usato per capire quale css modificare?
Qualche estensione greasemonkey? o firebug?

  grazie mille, ancora una volta!

[adottauncane]

Prego  . Firebug.
Sostanzialmente mancava il float left nel primo, nel secondo ho corretto solo il margin top e nel terzo, se non ricordo male, ho aggiunto il display block...