SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need Help w/ Inserting Content

    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!

  2. #2
    $books++ == true matsko's Avatar
    Join Date
    Sep 2004
    Location
    Toronto
    Posts
    795
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The wrapper div is a good idea.

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

    Code:
    <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).

    Code:
    <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.
    I can't believe I ate the whole thing

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

  4. #4
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by matsko View Post
    The wrapper div is a good idea.

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

    Code:
    <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).

    Code:
    <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!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •