Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Rozjeżdżające się menu
badowl
post
Post #1





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 18.07.2011

Ostrzeżenie: (0%)
-----

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
[HTML] pobierz, plaintext 
  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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <style>
  6. #menu {
  7. 	width:1100px;
  8. 	height:45px;
  9. }
  10. #logo {
  11. 	margin-left:5px;
  12. 	margin-right:5px;
  13. 	font-size:36px;
  14. }
  15. textarea {
  16. 	resize:none;
  17. 	width:120px;
  18. 	height:15px;
  19.  
  20. }
  21. ul, ul li {
  22. 	position:relative;
  23. 	display: block;
  24. 	list-style: none;
  25. 	margin: 5px;
  26. 	padding: 0;
  27. 	font-family:"Century Gothic";
  28. 	font-size:20px;
  29. 	vertical-align:middle;
  30. }
  31.  
  32. ul li {
  33. 	display: inline;
  34. 	white-space: nowrap;
  35. }
  36. </style>
  37. <script language="javascript" type="text/javascript">
  38.  
  39. function send(event) {
  40.    event = (event)?event:((window.event)?event:null);
  41.    if (event.keyCode==13) document.formularz.submit();
  42. }
  43.  
  44. </script>
  45. </head>
  46. <body>
  47. <div name="menu" id="menu">
  48. <ul>
  49. <li id="logo">LOGO</li>
  50. <li>INFORMACJE</li>
  51. <li>BLOG</li>
  52. <li>FORUM</li>
  53. <li>O NAS</li>
  54. <li><form method="post" action="szukaj.php"><textarea onkeyup="send(event)" /></textarea></form></li>
  55. </ul>
  56. </div>
  57. </body>
  58. </html>
[HTML] pobierz, plaintext


Go to the top of the page
+Quote Post
tolomei
post
Post #2





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

Ostrzeżenie: (0%)
-----

Witaj.

Dodaj do elementu form styl display: inline.

Pozdro
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 17:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn