Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Input, background, padding-right
Forum PHP.pl > Forum > Przedszkole
in5ane
Hi. Mam problem.
Mam takie coś:
  1. input.pole-tekst {
  2. background: url(images/pole-tekst.jpg) no-repeat;
  3. width: 161px;
  4. height: 29px;
  5. border: 0px;
  6. padding-top: 7px;
  7. padding-left: 5px;
  8. }

I moje pytanie brzmi, jak mam zrobić, żeby padding-right też zadziałał. Bo teraz jak piszę to od góry i od lewej ładnie jest (tzn. nie nachodzi na obramowanie), ale z prawej strony nachodzi i dlatego chce dać padding-right ale nie działa (margin-right też nie). Proszę o pomoc.
narki1
próbowałeś
Kod
padding: 7px  5px  0  5px;

Ale jeżeli to jest pole typu input to nie wiem czy zadziała.
in5ane
A czym się różni od tego padding-right?
narki1
To jest tylko inny zapis. Podaj html-a w którym chcesz użyć tego padding. Styl wygląda dobrze.
in5ane
Adres: http://dancepiotrkow.pl/L/
sprawdź sobie formularz, wpisz coś do końca.

  1. <p>
  2. <table style="width: 100%; font-size: 10px;">
  3. <tr style="vertical-align: top;">
  4. <td style="width: 50%;">
  5. Imię:<br /><input type="text" class="pole-tekst" /><br />
  6. Nazwisko:<br /><input type="text" class="pole-tekst" /><br />
  7. E-Mail:<br /><input type="text" class="pole-tekst" /><br />
  8. Pesel:<br /><input type="text" class="pole-tekst" />
  9. </td>
  10. <td style="width: 50%;">
  11. Adres:<br /><input type="text" class="pole-tekst" /><br />
  12. Miejscowość:<br /><input type="text" class="pole-tekst" /><br />
  13. Kod pocztowy:<br /><input type="text" class="pole-tekst" /><br />
  14. Tel. kontaktowy:<br /><input type="text" class="pole-tekst" /><br />
  15. <p style="text-align: right;"><input type="submit" value="Wyślij" /></p>
  16. </td>
  17. </tr>
  18. </table>
  19. </p>
narki1
wychodzi na to ,że obrazek tła masz za mały. Włącz na chwilę border to zobaczysz.

Trochę zamieszam ale spróbowałbym zrobić to tak:
Formularz w dwukolumnowej tabeli z tłem =twój obrazek
Pole typu input na obrazku bez tła:
  1. <p>
  2. <table style="font-size: 10px;">
  3. <tr style="vertical-align: top;">
  4. <td>Imię:</td><td>Adres:</td>
  5. </tr>
  6. <tr>
  7. <td class="tlo"><input type="text" name="imie" class="pole-tekst" /></td>
  8. <td class="tlo"><input type="text" name="adres" class="pole-tekst"/></td>
  9. </tr>
  10. </p>
  11. </form>

i css:
Kod
td.tlo{
background: url(images/pole-tekst.jpg) no-repeat;
}

input.pole-tekst {
/*background: url(images/pole-tekst.jpg) no-repeat;*/
background:none;/* bez tła */
width: 150px;
height: 29px;
border:0;
padding-top: 7px;
padding-left: 5px;
}
in5ane
Nie działa ;/

Zrobiłem samemu.
narki1
A widziałeś tę stronę pod IE ?
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.