Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Input, background, padding-right
in5ane
post
Post #1





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
narki1
post
Post #2





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 26.06.2007

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


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;
}
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 3.10.2025 - 18:31