Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Divy w jednej liniii
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
thefrux
Witam,
Mam problem z divami, chodzi o umieszczenie pola do wyszukiwania i obrazka z lupą obok niego. Chcę aby do siebie przylegały. Obecnie, obrazek spycha formularz pod spod. Oto kod.
  1. /* menu */
  2. #menu #search .button-search {
  3. background: url('../image/button-search.png') center center no-repeat;
  4. width: 28px;
  5. height: 36px;
  6. border-right: 1px solid #CCCCCC;
  7. cursor: pointer;
  8.  
  9.  
  10. }
  11. #menu #search .tabelka-search {
  12.  
  13. width: 122px;
  14.  
  15.  
  16. }
  17. #menu #search {
  18. margin-top:7px;
  19. float: right;
  20. width: 200px;
  21.  
  22.  
  23.  
  24.  
  25. }
  26. #menu {
  27. background: #585858;
  28. border-bottom: 1px solid #000000;
  29. height: 37px;
  30. margin-bottom: 15px;
  31. -webkit-border-radius: 5px 5px 5px 5px;
  32. -moz-border-radius: 5px 5px 5px 5px;
  33. -khtml-border-radius: 5px 5px 5px 5px;
  34. border-radius: 5px 5px 5px 5px;
  35. -webkit-box-shadow: 0px 2px 2px #DDDDDD;
  36. -moz-box-shadow: 0px 2px 2px #DDDDDD;
  37. box-shadow: 0px 2px 2px #DDDDDD;
  38. padding: 0px 5px;
  39. }

php:
  1. <div id="menu">
  2.  
  3. <div id="search">
  4. <div class="button-search"></div>
  5. <div class="tabelka-search">
  6. <?php if ($filter_name) { ?>
  7. <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
  8. <?php } else { ?>
  9. <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
  10. <?php } ?>
  11. </div>
  12. </div>
  13. </div>

mortus
  1. #menu #search .button-search, #menu #search .tabelka-search {
  2. float: left;
  3. }

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.