[HTML][CSS] Input, background, padding-right Opcje

[in5ane]

Hi. Mam problem.
Mam takie coś:

[HTML] pobierz, plaintext 
input.pole-tekst {
background: url(images/pole-tekst.jpg) no-repeat;
width: 161px;
height: 29px;
border: 0px;
padding-top: 7px;
padding-left: 5px;
}
[HTML] pobierz, plaintext 

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.

[HTML] pobierz, plaintext 
<p>
					<table style="width: 100%; font-size: 10px;">
						<tr style="vertical-align: top;">
							<td style="width: 50%;">
							Imię:<br /><input type="text" class="pole-tekst" /><br />
							Nazwisko:<br /><input type="text" class="pole-tekst" /><br />
							E-Mail:<br /><input type="text" class="pole-tekst" /><br />
							Pesel:<br /><input type="text" class="pole-tekst" />
							</td>
							<td style="width: 50%;">
							Adres:<br /><input type="text" class="pole-tekst" /><br />
							Miejscowość:<br /><input type="text" class="pole-tekst" /><br />
							Kod pocztowy:<br /><input type="text" class="pole-tekst" /><br />
							Tel. kontaktowy:<br /><input type="text" class="pole-tekst" /><br />
							<p style="text-align: right;"><input type="submit" value="Wyślij" /></p>
							</td>
						</tr>
					</table>
				</p>
[HTML] pobierz, plaintext 

Ten post edytował in5ane 6.05.2009, 19:51:41

[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:

[HTML] pobierz, plaintext 
<form>
<p>
<table style="font-size: 10px;">
<tr style="vertical-align: top;">
<td>Imię:</td><td>Adres:</td> 
</tr>
<tr>
<td class="tlo"><input type="text" name="imie" class="pole-tekst" /></td>
<td class="tlo"><input type="text" name="adres" class="pole-tekst"/></td>
</tr>
</table>
</p>
</form>
[HTML] pobierz, plaintext 

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 ?