Display Items Horinzontally Instead of Vertically

I have a module I am using in Joomla but the items display vertically not horizontally is ther any way of editing the code below so they display horizontally?

[php]

$itemId = modEasyBlogLatestBloggerHelper::_getMenuItemId($params);

?>

<?php if($easyblogInstalled): ?> <?php if(!empty($bloggers)): foreach($bloggers as $blogger) :
        $posterURL      = EasyBlogRouter::_('index.php?option=com_easyblog&view=blogger&layout=listings&id=' . $blogger->id . $itemId );
        $posterLink     = '<a href="'.$posterURL.'">'.$blogger->profile->getName().'</a>';
        $posterWebsite  = '<a href="'.$blogger->profile->getWebsite().'" target="_blank">'.$blogger->profile->getWebsite().'</a>';
    ?>
  
	<div class="mod-item">

        <div class="mod-author-brief">
        	<?php 
            //author's avatar
            if ($params->get('showavatar', true)) : ?>
                <img class="mod-avatar avatar" src="<?php echo $blogger->profile->getAvatar();?>" width="50" height="50" alt="<?php echo $blogger->profile->getName(); ?>" />
            <?php endif; ?>

            <?php //author's name & link ?>
            <div class="mod-author-name"><?php echo $posterLink; ?></div>

            <?php //author's total post ?>
            <?php if($params->get('showcount', true)) : ?>
            <div class="mod-author-post small"><?php echo JText::sprintf('MOD_EASYBLOGLATESTBLOGGER_COUNT', $blogger->post_count);?></div>
            <?php endif; ?>
		</div>

        <?php //author's bio ?>
        <div class="mod-author-bio">
            <?php if( $blogger->profile->getBiography() != '' ) : ?>
		        <?php echo (JString::strlen( strip_tags( $blogger->profile->getBiography() ) ) > 50) ? JString::substr( strip_tags( $blogger->profile->getBiography() ), 0, 50) . '...' : $blogger->profile->getBiography() ; ?>
		    <?php else: ?>
		        "..."
		    <?php endif; ?>
        </div>

        <?php //author's link ?>
        <?php if($params->get('showwebsite', true) && $blogger->profile->getWebsite() != '' && !($blogger->profile->getWebsite() == 'http://')) : ?>
        <div class="mod-author-link small"><?php echo $posterWebsite;?></div>
        <?php endif; ?>
    </div>
	<?php endforeach; ?>


<?php else: ?>
	<div class="mod-item-nothing">
		<?php echo JText::_('MOD_EASYBLOGLATESTBLOGGER_NO_BLOGGER'); ?>
	</div>
<?php endif; ?>
	

<?php else: ?>
	<div class="mod-item-notinstalled">
		<?php echo JText::_('MOD_EASYBLOGLATESTBLOGGER_EASYBLOG_NOT_INSTALLED'); ?>
	</div>
<?php endif; ?>
[/php]

We would need to see the style sheet, but you could try addingfloat: left; to the class for each element.

You would want to addclear: right; to the class of the last item to display.

ok so I have done that I now have this result:
http://www.illumin8.net/papsonsports/index.php?option=com_easyblog&view=entry&id=5&Itemid=101

its the expert 1 panel near the bottom!

Cheers for your help!!

My pleasure.

I just looked at it. I don’t immediately see any issues. What would you like to change?

I sorted everything else out with css thank you!!

Good deal! Glad it’s working for you.

jay

Sponsor our Newsletter | Privacy Policy | Terms of Service