Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]nałożenie input na diva
Forum PHP.pl > Forum > Przedszkole
xxdrago
7.04.2011, 18:06:10
Witam,cos mi tutaj blokuje że jak chce nałożyć diva na to to on jest pod spodem?

kod css


[HTML] pobierz, plaintext 
  1. ul#menu{
  2. 	margin:0;
  3. 	padding:0;
  4. 	list-style-type:none;
  5. 	width:980px; 	/* szerokość menu*/
  6. 	position:relative;
  7. 	display:block;
  8. 	height:42px;   	/* wysokość menu*/
  9. 	text-transform:uppercase;
  10. 	font-size:12px;
  11. 	font-weight:bold;
  12. 	background:transparent url(images/menu.jpg) no-repeat; 	/* tło menu*/
  13. 	font-family:Helvetica,Arial,Verdana,sans-serif;
  14.  
  15. }
  16. ul#menu li{
  17. 	display:block;
  18. 	float:left;
  19. 	width:auto;
  20. 	margin:0;
  21. 	padding:0;}
  22. ul#menu li a{
  23. 	display:block;
  24. 	float:left;
  25. 	color:#E4EAF2;   
  26. 	width:auto;
  27. 	text-decoration:none;
  28. 	font-weight:bold;
  29. 	padding:12px 20px 0 20px;
  30. 	height:24px;
  31.  
  32. 	}
[HTML] pobierz, plaintext
cykcykacz
7.04.2011, 18:15:22
Podaj kod HTML.
xxdrago
7.04.2011, 18:29:57
Kod css szukanie:

Kod
#szukanie {width:138px; height:26px; float:right; margin:-7px 49px 0px 0px;}


Html:
Kod
  <div id="szukanie">
  <form action='search.php?stype=f' method='post'>
   <input type="text" name="search_keywords" size="20" maxlength="40" value="szukaj..." class="input_search" onBlur="if(this.value=='') this.value='szukaj...';" onFocus="if(this.value=='szukaj...') this.value='';" >
   <input type="submit"  name="option" class="search" value="">
  </form>
  </div>


menu:
Kod
            <ul id="menu">
                <li><a href="{U_INDEX}" title="">strona gŁówna</a></li>
                <li><a href="#" title="">Regulamin</a></li>
                <li><a href="#" title="">Użytkownicy</a></li>
                <li><a href="#" title="">&nbsp;&nbsp;Szukaj</a></li>
                <li><a href="#" title="">Download</a></li>
                <li><a href="#" title="">Grafika</a></li>
            </ul>
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.