...

View Full Version : Right Column div placement



vinoman
12-27-2007, 12:06 AM
I would like to place some images in the right column of this page:
http://www.foreveryoungdance.net/index2.html

Where do I put the div tag and style to add images/text to the right column?

Thank you

Excavator
12-27-2007, 12:28 AM
In your markup there is no right column set up. Just the space left over when you made the left column narrower than the main container. It's easy to put stuff in that space though, like this:

markup:
</div>

<div class="main" id="two-columns">

<div class="col2">

<a href="http://www.nopeople.com/Design"><img src="http://nopeople.com/CSS/thumbnail&#37;20presentation/IMG_6222%20Cape%20Elrington_jpg.jpg" alt="fishing boat" width="150" height="122" id="boat" /></a> <div class="left">
<div class="content">

<h1>Greetings</h1>

And the CSS that styles the id "boat" I gave that picture:
#boat {
float: right;
margin: 10px 10px 0 0;
}

vinoman
12-27-2007, 02:47 AM
I just tried to add that and it broke the page.

Where do I have to put it?

Excavator
12-27-2007, 04:17 AM
Did you put the CSS in too?
I left the caption like it was, this was just a quick cut/paste. It gets the picture over there though.
I edited the last post, try it again.

vinoman
12-27-2007, 04:43 PM
I decided to start over with the original index file. I have to take my time when modifying html... thank you for all your help.
preview: http://www.foreveryoungdance.net

Since I still use Dreamweaver 8 I have used some br and other tags that may not be pure css, but they work and the page loads fast. One day I'll feel more confident with css. This forums helps a lot. :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum