<html> <head> <style type="text/css"> <!-- .header { background-color:#336699; height:75px; border:1px solid #000000; } .topnav { background-color:#003366; border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; } .buttons { margin:0px 0px 0px -20px; padding:7px 20px; text-transform:uppercase; font-family:Verdana, sans-serif; font-weight:bold; font-size:.7em; white-space:nowrap; } .buttons a { padding:7px 20px; border-right:1px solid #000000; font-family:Arial, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none; } .buttons a:hover { border-right:1px solid #000000; font-family:Arial, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none; background-color:#333333; } .buttons strong { padding:7px 20px; border-right:1px solid #000000; font-family:Arial, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none; background-color:#000000; } .leftnav { width:200px; height:450px; background-color:#CCCCCC; border-left:1px solid #000000; border-right:1px solid #000000; float:left; } .body { height:450px; background-color:#FFFFFF; border-right:1px solid #000000; } .footer { background-color:#000000; clear:both; } --> </style> </head> <body> <div class="header"> </div> <div class="topnav"> <div class="buttons"><strong>button</strong><a href="#">button</a><a href="#">button</a><a href="#">button</a></div> </div> <div class="leftnav"> </div> <div class="body"> </div> <div class="footer"> </div> </body> </html> |