Hi all, My problem with the follwoing code is that (link1) and (link2) go to the left side of the whole page width, while I want it to float to the exact left side of the form.
Any help please? ---------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> #toolbar { background-color: navy; color: #fff; padding: 3px 2px; } .searchcorner { height: 22px; text-align: right; } .searchcorner ul { padding: 0; margin: 0; list-style-type: none; } .searchcorner li { display: inline; } .searchcorner a, .searchcorner a:visited { display: block; float: left; text-decoration: none; color: #fff; width: 65px; height: 20px; line-height: 19px; text-align: center; } .searchcorner a:hover { background: green; } </style> <body> <div id="toolbar"> <div class="searchcorner"> <ul> <li><a href="somewhere">link1</a></li> <li><a href="somewhere">link2</a></li> <li> <form id="search-form" action="search.php" method="get"> <input type="text"> <input value="Search" name="send" type="submit"> </form> </li> </ul> </div> </div> </body> </html> ---------------------------------------------------------- Best regards, - Anas R. http://www.richstyle.org ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
