Need Help w/ Inserting Content

[zeek104]

Hey guys,

I'm new here and new to CSS so don't be too hard on me. My question is about putting content into my layed out ap divs. I've got a wrapper container div that holds a header a content section and a footer. It is also important to note that this site is going to be my one page design folio site. Basically it will just scroll down and not have any links (that is the standard these days for design sites for various reasons). With all of this said, I need to know how to where to go from here? I have been searching the web but I can't seem to find how to place images and info within each of my ap div elements. Do I make more ap divs and name each one? Do I just place it into each div? This has been driving me nutts!

Thanks!

[matsko]

The wrapper div is a good idea.

Now for every nested element inside of the wrapper, have your content blocks.

<div id="header">...</div>
<div id="content">...</div>
<div id="footer">...</div>

When you need to add information, use headings and paragraph elements and images can be added in CSS and in HTML (using the img tag).

<div id="content">
 <h1>Some Image</h1>
 <img src="..." alt="an image that I would like to display" />
 <p>some information about this</p>
</div>

Basically, code all of your content and information with little or no idea of how you're going to style it in CSS. Once you're complete, then hop over to CSS coding and make the content appear as you want it to.

[PicnicTutorials]

To add to what matsko was saying - here's a good place to start.

http://www.visibilityinherit.com/cod...s-settings.php
http://www.visibilityinherit.com/cod...l-settings.php

[zeek104]

The wrapper div is a good idea.

Now for every nested element inside of the wrapper, have your content blocks.

<div id="header">...</div>
<div id="content">...</div>
<div id="footer">...</div>

When you need to add information, use headings and paragraph elements and images can be added in CSS and in HTML (using the img tag).

<div id="content">
 <h1>Some Image</h1>
 <img src="..." alt="an image that I would like to display" />
 <p>some information about this</p>
</div>

Basically, code all of your content and information with little or no idea of how you're going to style it in CSS. Once you're complete, then hop over to CSS coding and make the content appear as you want it to.

Ah that makes sense, so within my content div i would just place my images (Drag and drop) and then add a absolute position to the image with css and than ad a paragraph html element (or h1)? So laying out my content this way I won't have to make a ap div for every image?

Thanks for the help so far!