Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Rozjeżdżające się menu
Forum PHP.pl > Forum > Przedszkole
badowl
Witam, próbuję dolączyć do menu formularz wyszukiwarki. Otóż pole input zjeżdża w dół zamiast znajdować się w jednej lini z menu
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. #menu {
  5. width:1100px;
  6. height:45px;
  7. }
  8. #logo {
  9. margin-left:5px;
  10. margin-right:5px;
  11. font-size:36px;
  12. }
  13. textarea {
  14. resize:none;
  15. width:120px;
  16. height:15px;
  17.  
  18. }
  19. ul, ul li {
  20. position:relative;
  21. display: block;
  22. list-style: none;
  23. margin: 5px;
  24. padding: 0;
  25. font-family:"Century Gothic";
  26. font-size:20px;
  27. vertical-align:middle;
  28. }
  29.  
  30. ul li {
  31. display: inline;
  32. white-space: nowrap;
  33. }
  34. <script language="javascript" type="text/javascript">
  35.  
  36. function send(event) {
  37. event = (event)?event:((window.event)?event:null);
  38. if (event.keyCode==13) document.formularz.submit();
  39. }
  40.  
  41. </head>
  42. <div name="menu" id="menu">
  43. <ul>
  44. <li id="logo">LOGO</li>
  45. <li>INFORMACJE</li>
  46. <li>BLOG</li>
  47. <li>FORUM</li>
  48. <li>O NAS</li>
  49. <li><form method="post" action="szukaj.php"><textarea onkeyup="send(event)" /></textarea></form></li>
  50. </ul>
  51. </div>
  52. </body>
  53. </html>


tolomei
Witaj.

Dodaj do elementu form styl display: inline.

Pozdro
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.