Hi,
In the following code, I've been unsuccessful aligning the submit button flush with the top of the UA. Would some one correct the boggle.
Respectfully, Chris
http://ckimedia.com
<style type="text/css" media="screen">
body{
margin: 0;
padding: 0;
background-color: #FFF;
color: #333;
font: 11px/1em Verdana, Arial, Helvetica, sans-serif;
}
#container{
width: 800px;
margin: 0;
padding: 0;
border: 1px solid black;
}
#header{
background: url(i/bbc_logo_blk.gif) left top no-repeat;
height: 38px;
/*position: relative;
height: 36px; */
display: block !important;
display: none;}
ul#specialInt {
list-style-type: none;
margin: 0 0 0 30em;
padding: 0;}
ul#specialInt li {
border-right: 1px solid black;
padding: 0 1em 0 1em;
display: inline;
margin: 0;
float: left;
} ul#specialInt li a:link, a:active{ text-decoration: none; color: #C00;
}
ul#specialInt li a:hover, a:active {
text-decoration: underline;
color: #C00;
}
#searchForm{
margin-left: 2em;
padding: 0;
display: inline;
/* float: right;
display: inline;
border-left: 4px solid #FFF; */
} #searchForm #submit{ padding: 0; !important; /* FOR COMPETENT BROWSERS */ padding: 0; /* IE PC */ margin: 0; !important; /* FOR COMPETENT BROWSERS */ margin-top: 0; /* IE PC */ float: right; clear: both; }
</style> </head>
<body>
<div id="container"> <div id="header"> <ul id="specialInt"> <li><a href="#">Contest</a></li> <li><a href="#">Shows A-Z</a></li> </ul>
<form id="searchForm">
<label for="Search" class="search">
search
<input id="search" type="text" name="search" class="banner" size="20" maxlength="30" />
<input id="submit" type="submit" value="GO" width="33" height="17" class="banner" />
</form>
</div> </div> </body> </html>
****************************************************** The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
