0

I am trying to make images coming from links within my mySQL database appear next to each other. Here is my code:

<div class="container-outer">
    <div class="container-inner">
        <?php if ( $imagePath = $article->getImagePath( IMG_TYPE_THUMB ) ) { ?>
        <a href=".?action=viewArticle&amp;articleId=<?php echo $article->id?>"><img class="articleImageThumb" src="<?php echo $imagePath?>" alt="Article Thumbnail" /></a>
        <?php } ?>
    </div>
</div>

The images appear seperatly below each other and I can't quite figure out how to make them appear on the same line. Thanks!

3
Contributors
5
Replies
14
Views
3 Years
Discussion Span
Last Post by JorgeM
0

This would be due to divs being block elements.
Changing your divs to block-inline usually works. Maybe just inline.

.container-inner{
    display: block-inline;
}
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.