[css-d] Getting things lined up

Alan_Akhlah Tue, 15 May 2007 18:44:17 -0700

I am trying to redo my site without tables and I am working on the 
template for the layout. The main banner of the page has two images that 
go together for a total of 800 px wide. The first one is taller than the 
one to the right of it and the navigation buttons (css of course) are 
under it. Right now it is not lining up.


here is the code: (I included the CSS and the direct links to the image 
files)



<!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">

                body { background-color: rgb(0, 102, 0);
                            color: rgb(0, 153, 0)
                }
        #container {
            width: 800px;
            \width: 820px;
            w\idth: 800px;
            border: 1px solid gray;
            margin: 0px;
            margin-left: auto;
            margin-right: auto;
            padding: 0px;
        }

        #banner {
            padding: 0;
            margin-bottom: ;
            background-color: rgb(213, 219, 225);
        }

        #content {
            padding: 0;
            background-color: gray;
        }

        #footer {
            clear: both;
            padding: 0;
                 margin-top: ;
            background-color: rgb(213, 219, 225);
        }

                #navlist ul { margin-left: 0pt;
                         padding-left: 0pt;
                         white-space: nowrap;
                }

                #navlist li { display: inline;
                         list-style-type: none;
                }

                #navlist a { padding: 3px 10px;
                }
                #navlist a:link, #navlist a:visited { color: rgb(255, 
255, 255);
                         background-color: rgb(0, 51, 102);
                         text-decoration: none;
                }
                #navlist a:hover { color: rgb(255, 255, 255);
                         background-color: rgb(51, 102, 153);
                         text-decoration: none;
                }
    </style>
</head>
<body>
    <div id="container">
        <div id="banner">

                   <img style="width: 252px; height: 310px;"
                    alt="Valdosta Webmaster"
                    
src="http://www.valdostawebmaster.com/images/top_page_01.png"; />
                   <img style="width: 548px; height: 169px;"
                    alt="making websites since 1997"
                    
src="http://www.valdostawebmaster.com/images/top_page_02.png"; />
                
                     <div id="navcontainer">
                       <ul id="navlist">
                         <li><a href="index.php" title="Home">Home</a></li>
                         <li><a href="design.php" 
title="Design">Design</a></li>
                         <li><a href="hosting.php" 
title="Hosting">Hosting</a></li>
                         <li><a href="portfolio.php" 
title="Portfolio">Portfolio</a></li>
                         <li><a href="contact.php" 
title="Contact">Contact</a></li>
                      </ul>
                   </div>
               </div>

                <div id="content">&nbsp;</div>

        <div id="footer">&nbsp;</div>

    </div>
</body>
</html>


Alan Dunbar

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Getting things lined up

Reply via email to