Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] proszę o pomoc w ustawieniu elementów
Forum PHP.pl > Forum > Po stronie przeglądarki
Arek00
mam taki kod:

  1. <div class="p_info_quantity">
  2. <input name="quantity" class="qty_box" type="text" id="quant" onkeyup="changeQty('field');" value="1" size="1" maxlength="3" />
  3. <div class="qty_images">
  4. <div class="qty_plus" onclick="changeQty('add');"></div>
  5. <div class="qty_minus" onclick="changeQty('subtract');"></div>
  6. </div>
  7. <input type="hidden" name="products_id" value="3845"><input type="image" src="button_in_cart.gif" border="0" alt="Do koszyka" title=" Do koszyka ">
  8. </div>


arkusz stylów:

Kod
.p_info_quantity {
  text-align: right;
  border-bottom: 1px solid #C0C0C0;
  padding: 5px 0 5px 0;
}
.qty_box {
  display:inline;
  float:left;
  font-size:10px;
  margin:0;
  width:35px;
  text-align: right;
}
.qty_images {
  float:left;
  width:9px;
  display:inline;
}
.qty_plus {
  background:transparent url(/images/icons/plus.gif) no-repeat scroll center center;
  display:block;
  font-size:1px;
  height:9px;
  margin:0;
  width:9px;
}
.qty_minus {
  background:transparent url(/images/icons/minus.gif) no-repeat scroll center center;
  display:block;
  font-size:1px;
  height:9px;
  margin:0;
  width:9px;
}


efekt jest taki:


chciałbym aby pole formularza i te znaki +/- dolegały do przycisku "do koszyka" w taki sposób:


próbowałem różnych sposobów ale jakoś mi nie wychodzi. może ktoś będzie wiedział jak to zrobić?
Rafal Filipek
1) możesz zmniejszyć szerokość div'a p_info_quantity to się przesunie
2) możesz wstawić input i przyciski do div'a i nadać mu odpowiedni maring-left
3) możesz nadać inputowi odopowieni maring-left
SzamanGN
Do .p_info_quantit dodaj float: right;
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.