SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Jun 2006
    Posts
    139
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need help changing my site to CSS?

    I created my site in tables, but would like to create it as CSS. Finished a book but to me the hardest part as a newbie is planning the structure I guess. Just working on the front page, I think I can figure rest out after that.

    I image is one background file in the header div but I have a the gray bar on top going across the whole page fluid? Having problems figuring out how to place this behind the image or???? Thanks!

    http://www.seantatalovich.com/

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <style type="text/css">
    * {margin:0; padding:0;
    }
    #body {text-align:left;}
    
    #container {text-align:left; width:775px;
    			}
    
    #header { background-image:url(guitar.jpg); height:580px; width:399px; background-repeat:no-repeat;}
    
    
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Music is Life</title>
    </head>
    
    <body>
    <div id="container">
    
    <div id="header">
    
    <div id="image"></div>
    </div>
    
    <div id="main">main content
    <div id="Mainimage"></div>
    <div id="navigation">nav</div>
    <div id="footer">footer</div>
    </div>
    
    </div>
    </body>
    </html>

  2. #2
    SitePoint Zealot
    Join Date
    Jun 2006
    Posts
    139
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    think I figured it out????? am I on right track?
    http://seantatalovich.com/test/index.htm

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <style type="text/css">
    * {margin:0; padding:0;
    }
    #body {text-align:left;}
    
    #container {text-align:left; background-image: url(images/guitar.jpg); background-repeat:no-repeat;
    			height:580px;
    			}
    			
    #header { background-image: url(images/gray.gif); background-repeat:repeat-x; height:57px;
    		margin-left:775px;}
    
    
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Music is Life</title>
    </head>
    
    <body>
    <div id="container">
    
    <div id="header"></div>
    
    <div id="main">main content
    <div id="Mainimage"></div>
    <div id="navigation">nav</div>
    <div id="footer">footer</div>
    <div id="image"></div>
    </div>
    </div>
    
    </div>
    </body>
    </html>


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
  •