homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

Navigation Bar Help

5+ Year Member

Msg#: 4302590 posted 4:56 pm on Apr 22, 2011 (gmt 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



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

Msg#: 4302590 posted 5:58 pm on Apr 22, 2011 (gmt 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.


Msg#: 4302590 posted 12:46 pm on Jun 2, 2011 (gmt 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]

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved