Sent by Teresa Pangan on 24 March 2007 03:03
HI David!
Thanks for running a validation.
My pages do need to be cleaned up. I will work on that as soon as I can get the navigation bar
working as intended. I have done several elimination procedures to pinpoint what is the heart of the
problem.
The page was rendering fine across over multiple browsers until I added in the search form in the
navigation bar. Thought this would be no problem.
It worked until I realized a form tag was not closed on it so none of my inserts into databases
were working on the site. That fixed, now, just the simple addition of the </form> in the CSS
navigation bar it is not rendering in IE 6 properly.
I am hoping there is a simple fix.
Thanks again for taking a look at my issue. I am hoping someone can help me before i go bald.
Healthy regards,
Teresa
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-REMOVED]]
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/
