Results 1 to 6 of 6

Thread: Correct div formatting

  1. #1
    Join Date
    Mar 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Correct div formatting

    Hi this is my code, is it correct? If it isnt can you help me fix it? How do i add content to the divs? Like embedding an animation into the footer div or adding text to the content div. Where should i specify these codes? In the <head> or <body>?





    <html>
    <head>
    <title>"test"</title)
    </head>
    <body style = "css">

    <div id = "Nav" style = "position; absolute; width: 100px; height: 240px; top: 0px; left: 0px;">

    Nav
    </div>

    <div id = "Logo" style = "position"; absolute; width: 300px; height: 480px; top: 0px; left: 0px;">

    Logo
    </div>

    <div id = "content" style = "position"; absolute; width: 700px; height: 480px; top: 0px; left: 0px;">

    content
    </div>

    <div id = "Footer" style = "position"; absolute; width: 1000px; height: 240px; top: 0px; left: 0px;">

    Footer
    </div>

    </body>

    <html>

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    from the name and join date I am going to assume this is possibly a bot, however in the spirit of being nice I will answer the question

    type in whatever you want next to the "content" tag and you will see that it appears next to the content.

    researching into flash objects on google to embed an animated script into a section of the page

  3. #3
    Join Date
    Mar 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, this isnt a bot i just used this name for security purposes. Where do i place the codes in the <body>? or <head>?

  4. #4
    Join Date
    Mar 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by boogyman View Post
    from the name and join date I am going to assume this is possibly a bot, however in the spirit of being nice I will answer the question

    type in whatever you want next to the "content" tag and you will see that it appears next to the content.

    researching into flash objects on google to embed an animated script into a section of the page

    Thanks this isnt a bot. So I can place anything after the content, nav, etc tag and it will show in that particular div?


    <html>
    <head>
    <title>"test"</title)
    </head>
    <body style = "css">

    <div id = "Nav" style = "position; absolute; width: 100px; height: 240px; top: 0px; left: 0px;">

    Nav

    <p> Testing </p>
    </div>


    Like that?

  5. #5
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>__APPEARS_IN_TITLEBAR__</title>
    </head>
    
    <body>
    
    <div id = "Nav" style = "position: absolute; width: 100px; height: 240px; top: 0px; left: 0px;">
    
    Nav
    </div>
    
    <div id = "Logo" style = "position: absolute; width: 300px; height: 480px; top: 0px; left: 0px;">
    
    Logo
    </div>
    
    <div id = "content" style = "position: absolute; width: 700px; height: 480px; top: 0px; left: 0px;">
    
    content
    <p>OTHER CONTENT</p>
    <div>YET OTHER CONTENT</div>
    <ul>
           <li>LIST ITEM</li>
           <li>LIST ITEM</li>
           <li>LIST ITEM</li>
           <li>LIST ITEM</li>
           <li>LIST ITEM</li>
           <li>LIST ITEM</li>
    </ul>
    </div>
    
    <div id = "Footer" style = "position; absolute; width: 1000px; height: 240px; top: 0px; left: 0px;">
    
    Footer
    </div>
    
    </body>
    
    <html>
    Attached is how a site with ^^ as its html code will show up.

    before you to dive into positioning, try to make sure you get the content inserted... after you get the content inserted, then go back and look into the styling of the page layout.
    Last edited by boogyman; 06-20-2008 at 06:37 PM.

  6. #6
    Join Date
    Mar 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Now I get it, thanks a lot for the help, ill just create the layout graphics and insert them, I may have a few more questions on making forms invisible so three topic can be viewed in the same page, and how to insert iframes and such, would it be alright if i email you or should i just post the questions in this forum?

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
  •