HI!
I really need your help.
I have a navigation bar in CSS. It was working great until we added in the
functionality of the search into the navigation bar.
PROBLEM:
If I DO NOT use a closing tag in the navigation bar search form the search
works, but any forms lower on the page will not post properly.
If I use DO USE a closing tag in the navigation bar, forms lower on the page
work, but the the search portion of the navigation bar has displaying problems
in IE 6 and AOL 9 is this an issue. I really need it to be displaying
correctly for both IE 6 and IE 7, .....
SAMPLE PAGES:
http://208.106.176.84/about/test.php LOOKS GOOD cross browsers, problem is
there is no closing tag for the search form , but FORMS DON"T WORK on the page,
they do not process correctly (they post to the search results page). Here is
the coding for the search in the navigation bar
<li id="searchDiv"><form name="SearchForm" action="../search/sessearch.php">
<a id="search">Search:<input type="text" name="q" size="6"> <input
type="submit" value="Go" class="navbtn"></a>
</li>
http://208.106.176.84/about/index.php WORKS FINE Just NOT LOOKING GOOD in
IE6 and AOL9 properly. I have tried the following coding
A) Works in IE 7 and not IE 6
<li id="searchDiv"><form name="SearchForm" action="../search/sessearch.php">
<a id="search">Search:<input type="text" name="q" size="6" /> <input
type="submit" value="Go" class="navbtn" /></a></form>
</li>
B) Works in IE 6 and not IE 7 and Firefox
<li id="searchDiv"><form name="SearchForm" action="../search/sessearch.php">
<a id="search"><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->Search:<input type="text" name="q"
size="6" /> <input type="submit" value="Go" class="navbtn" /></a></form>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
C) Works in IE 7 and not IE 6
<li id="searchDiv"><form name="SearchForm" action="../search/sessearch.php">
<a id="search">Search:<input type="text" name="q" size="6" /> <input
type="submit" value="Go" class="navbtn" /></a></form>
</li>
-------
This is the students menu in the navigation bar which is right next to the
seach in the navigation bar:
<li><a href="/students/index.php" class="students">Students<!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul id="studentsUL">
<li><a href="/students/student_info.php" class="parent">Membership</a></li>
<li><a href="/students/annual_meeting.php" class="parent">Annual<br />
Meeting</a></li>
<li><a href="/students/intern_facts.php" class="parent">Interns</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
----------------
My style sheet search references are:
.search {
}
.search {
float:right;
}
#searchDiv {
color:#fff;
background:#8F0000;
}
input.navbtn{
color:#fff;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:84%;
font-weight:bold;
background-color:#984B4E;
border:1px solid;
border-top-color:#8F0000;
border-left-color:#8F0000;
border-right-color:#8F0000;
border-bottom-color:#8F0000;
}
Need help ASAP!!
Really appreciate solution for cross-browser functionality.
Thanks!
Healthy regards,
Teresa
______________________________________________________________________
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/
