help make this list horizontal

  • Hello,
    I’ve read about Horizontal Menus, but I’m not sure how to adapt this concept to my list. I’m not even sure if it can be done this way.

    The code for the list is ?php $arc_query = new WP_Query('orderby=post_date&order=DESC&showposts=4'); ?> <?php while ($arc_query->have_posts()) : $arc_query->the_post(); ?> <a>" title="<?php the_title(); ?>"><?php echo $post->post_excerpt; ?></a><?php endwhile; ?

    The excerpt are actually thumbnails for a photoblog. I would like the thumbnails to be listed horizontally.

    Any help is appreciated
    thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Do you have a link so we could see what html this script generates. If I understand it correctly, you could just adjust the css accordingly.

    Thread Starter shmish

    (@shmish)

    Oops, sorry. Here is the website: https://www.alpinevisions.dryfly.ca

    I’ve tried adding:
    display: inline;
    to various places in the css but didn’t have any luck.

    I don’t know if that should work or not. Perhaps it should work but I just didn’t add it to the correct style.

    I’m assuming you talking about the little thumbnails towards the bottom? If so, the reason that is happening is that the images are nested in <div> elements, which are block level elements. You can take them out of the <div> and it should go horizontal like you want it. If that is not an option you can simply use this rule:

    li div {
    display:inline;
    }

    This will only put two side by side as your containing element seems to have a defined witdh. Change that width and all should be fine.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘help make this list horizontal’ is closed to new replies.