adding an image to a css template (in dreamweaver)

Hi I am creating a webpage on dreamweaver- just learning some css (opposed to tables) and I am doing my first site and I am having a problem with image positioning.

I downloaded a template and thats how I got the basic page design set up (didnt create it all myself)

I would like to have text on the left hand side, and an image on the right hand side.

Would I do this by setting a position on the image? Or would I do that another way?

Here is an image of what I have now-
I want to have the text on the left, and the image on the direct opposite side  (basically the opposite of what I have now). Any info is appreciated.
Who is Participating?
gxp071Connect With a Mentor Commented:
you need to add  the following css to your image either directly or in a style sheet using a class or id.



<img width="132" height="150" align="right" src="happy_phone.jpg"  style="float:right" />

you may also want to checkout great tutorials on CSS, HTML and everything related for beginners.
RouchieConnect With a Mentor Commented:
Another way is to put the text in a DIV and set the image as the background, but move the text to the right.  This is the way that the W3C are asking web designers to move to because it separates page content from decoration, which also seems to please Google et al...

<div style="border:1px solid red; width:400px; min-height:150px; background:url(happy_phone.jpg) no-repeat top left; padding-left:150px;">
   Cellpro Phones<br/>
   30 Auburn st<br/>
   Auburn, MA 01501<br/>
   (774) 249-0235<br/>
kate_nelson2001Author Commented:
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.