Re: [css-d] Stepped Header Seemed a Simple Idea

Tue, 27 Sep 2005 13:41:30 -0700 

Keith,
 
See if this gets you going in the right direction, tweak as necessary...
 
<head>
<style type="text/css">
<!--
* html { border: 0; margin: 0; padding: 0; }
#logo { float: left; }
#slogan { height: 58px; }
#wrapper {
 margin: 0 auto;
 text-align: center;  
}
#searchbox {
 background-image: url (http://www.geolearning.com/main/images/SearchBG.gif);
 background-repeat: no-repeat;
 background-position: top center;
 padding: 4px 0 20px 48px;
}
.clearboth { clear: both; }
-->
</style>
</head>
<body>
<!-- Begin Header -->
<div id="header">
<div id="logo">
<img src="http://www.geolearning.com/main/images/GeoLogo.gif"; alt="GeoLearning 
Logo" width="156" height="58" align="left" />
</div>
<div id="wrapper">
<div id="slogan">
<img src="http://www.geolearning.com/main/images/ManageLS.gif"; alt="Managed 
Learning Services" width="458" height="39" align="middle" />
</div><!-- end #slogan -->
<form id="searchpos" ACTION="http://search.geolearning.com/exec/search"; 
METHOD="get">
  <input type="hidden" name="a" value="17053">
 <div id="searchbox">
   <input name="q" type="text" id="search" size="19" maxlength="400" />
 </div>
</form>
</div><!-- end #wrapper -->
<div class="clearboth"></div>
</div><!-- end #header -->



__________________________________________________
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to