inserting a css image

[astoller]

Hi

In the code below I want to insert an image right aligned at
the <img src="../../../../images/montage.jpg line.
What would be the right CSS?
I cant find a suitable css style to handle an image, only text.
Currently there is no stlye attached and the image repeats several times.

Thanks
Art

<?php get_header(); ?>
<link href="style.css" rel="stylesheet" type="text/css" />
	<div id="content" class="narrowcolumn">
	<?php if (have_posts()) : ?>

	<?php while (have_posts()) : the_post(); ?>

		<div class="post" id="post-<?php the_ID(); ?>">
			<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
			<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>

		  <div class="entry">
				<?php the_content('Read the rest of this entry &raquo;'); ?>
				     <div class="montage" />
			          <img src="../../../../images/montage.jpg" width="95" height="400" align="right" />					   </div>
			</div>

			<p class="postmetadata">Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
		</div>
	<?php endwhile; ?>
	<div class="navigation">
		<div class="alignleft"><?php next_posts_link('&laquo; Previous Entries') ?></div>
		<div class="alignright"><?php previous_posts_link('Next Entries &raquo;') ?></div>
	</div>
	<?php else : ?>
	<h2 class="center">Not Found</h2>
	<p class="center">Sorry, but you are looking for something that isn't here.</p>
	<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>
</div>
<?php get_footer(); ?>

[stiduck]

Hi, believe it or not, you use: text-align to center the picture. Try this in your css file:

.montage {
    text-align: right;
 }

It worked just fine for me!

stiduck

[astoller]

Ok, thanks.

But how do you set up the css to stop it repeating as in :
http://www.reviewsforgolfers.com/blog/index.php

[greenie2600]

astoller -

Your CSS style looks like this:

.montage {
    text-align:right;
}

...which means "apply these styles to any element with the class 'montage'".

However, the only element with that class in your HTML is this:

<div class="montage" />

...which is an empty element, so there's nothing to style. (If you don't know, that trailing slash at the end is the XHTML syntax to close a tag without specifying any content for it.)

You need something like this:

<div class="montage">
    <img src="myimage.gif" />
</div>