Placeholder - przesunięcie tekstu Opcje

[Szymciosek]

Witam,
załóżmy, że mam coś takiego: http://jsfiddle.net/vc3ZK/
Jak przesunąć ten tekst w środku jak i później wpisywany np o 10px w od każdego brzegu (lewy i prawy)?

[Pawel_W]

[HTML] pobierz, plaintext 
input {
    padding: 0 10px;
}
[HTML] pobierz, plaintext 

(IMG:style_emoticons/default/questionmark.gif)

[aras785]

http://jsfiddle.net/vc3ZK/2/

[Szymciosek]

No niby ok, ale tak samo tylko bez rozsuwania pola? Bo padding rozsuwa pole o te 5px.

[aras785]

Dodaj: width:50px; (przykład)

[Szymciosek]

Hmm, na Twoim przykładzie niby działało, ale na moim już nie do końca i nadal rozszerza. http://jsfiddle.net/vc3ZK/16/

Dokładniej mam tak: http://jsfiddle.net/V76D4/

[aras785]

Jest dobrze, nic nie rozszerza.

[Szymciosek]

https://dl.dropbox.com/u/21239599/1.JPG
https://dl.dropbox.com/u/21239599/2.JPG
Rozszerza... albo to u mnie dziwnie to działa. Przeglądarka: Chrome.

[aras785]

jaka ma być szerokość? 230?

[Szymciosek]

Pola input - tak.
Czyli co mam zrobić? Od docelowego 230px odjąć te powiedzmy 10px, bo z każdej strony dodaję po 5px?

[aras785]

http://i.imgur.com/ydpOKCV.jpg

Masz margin-left na 10px ustawiony. Daj 5px i gitara:)

Ten post edytował aras785 26.01.2013, 23:55:30

[Szymciosek]

No chyba musi tak być?
Bo tak chcę mieć, że przesunięcie elementu o 10px od lewej strony.

[aras785]

http://jsfiddle.net/V76D4/3/

Ten post edytował aras785 26.01.2013, 23:58:46

[Szymciosek]

No i o tym pisałem też kilka postów wyżej: 230px - 10px, ale dzięki za naprowadzenie.

[Pawel_W]

box-sizing: border-box; załatwi sprawę (IMG:style_emoticons/default/wink.gif)

[Szymciosek]

Możesz podać przykład JAK? Bo próbowałem to dodać jakoś u siebie w tym zamiast padding i nic, tylko jakoś lekko się zmienia.

[Pawel_W]

[HTML] pobierz, plaintext 
input {
    box-sizing: border-box;
    padding: 0 10px;
}
[HTML] pobierz, plaintext 

ehh...