Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Navigation Bar Help

4:56 pm on Apr 22, 2011 (gmt 0)

New User

5+ Year Member

joined:Sept 19, 2009
votes: 0

- I have recently change my navigation bar which you can browse by going to [juicersuperstore.com....] I have two problems with it: first, for some reasons the search box is not displaying on the navigation bar when using Firefox, instead it's showing up below it. The bar works with Explorer though.
- Second, I want the search box to be on the right side but I have no idea how to do that either.

Here is how the code is in my header

" <table border="0" width="100%" cellspacing="2" cellpadding="0">

<div id="navbar">
<ul><li><a href="index.php">home</a></li>
<li><img src="images/line-vert.jpg" alt="Call us" width="2" height="13"></li>
<li><a href="https://www.juicersuperstore.com/login.php">login</a></li>
<li><img src="images/line-vert.jpg" alt="Call us" width="2" height="13"></li>
<li><a href="https://www.juicersuperstore.com/contact_us.php">contact us</a></li>

<li style="align:right;"><form name="quick_find" action="http://www.juicersuperstore.com/advanced_search_result.php" method="get">
<input type="text" name="keywords" size="25" maxlength="30" style="height:18px; background:#fff; width: 100px; border:1px solid #ccc;">
<input type="hidden" name="osCsid" value="1a1e4898076b3838b4211e120b55b0bc">
<input rel="nofollow" type="image" name="search" src="templates/niche1/images/button_ok.png" align=absmiddle style="margin-top:1px;" />

Thanks in advance
5:58 pm on Apr 22, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
votes: 0

You have a block element (form) inside an li, this is "illegal." Try floating the form inside "navbar."

Also you might want ot resolve as many of these [validator.w3.org] as you can, particularly the ones relating to the table <tr> errors.

Aside, all of those tables can be eliminated, but this veers O.T.
12:46 pm on June 2, 2011 (gmt 0)

New User

5+ Year Member

joined:June 2, 2011
posts: 8
votes: 0

I agree with rocknibil... If you have any problems, post the css part of the navbar so I can take a look at how you have it setup.

[edited by: incrediBILL at 12:47 pm (utc) on Jun 2, 2011]
[edit reason] sigs removed [/edit]