Link to home
Start Free TrialLog in
Avatar of DS928
DS928Flag for United States of America

asked on

Centering Three Images

I have been playing with this for awhile now.  I am trying to center these three images with a space between each.  I tried one big div with each image inside a div.  Did not work.  Adding a div also interrupted the background fade as well.  How can I do this?  Thank you.  File attached.

www.davidschure.com
index.html
Avatar of Gary
Gary
Flag of Ireland image

Where are they supposed to be
Like already said.
Where>\?


Add this to these lines class="displayed"

   <img src="images/OMG.jpg" width="240"  height="199" class="displayed"/>
       <img src="images/OMG.jpg" width="240" height="199" class="displayed"/>
       <img src="images/OMG.jpg" width="240" height="199" class="displayed"/>

Open in new window


ad this right above </style>
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

Open in new window


There is a Vertical method

Selvol
Avatar of DS928

ASKER

Right underneath the logo.  In a horizontal line.
ASKER CERTIFIED SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of DS928

ASKER

Perfect.  Thank you Gary.
Change #three_images to width:780px

Width of the three images plus the margin on the first two images.