Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Umieszczenie tekstu w inpucie
Forum PHP.pl > Forum > Przedszkole
pabito
Witam

Mam inputa. Określiłem da niego taki styl( wysokość:120px):
  1. .xx{
  2. width: 498px;
  3. height: 120px;
  4. border: 1px solid #D3D3D3;
  5. border-radius: 3px;
  6. margin-top: 10px;
  7. padding-left: 15px;
  8. }


I gdy w własności value wstawię jakiś napis, jest on umieszczony na środku wysokości inputa. A chciałbym żeby był na samej górze. Jak to zrobić

fate
http://jsfiddle.net/g7zCg/

Niby efekt jest ale może ktoś ma lepszy sposób
Damonsson
  1. .xx{
  2.  
  3. width: 498px;
  4.  
  5. height: 20px;
  6.  
  7. border: 1px solid #D3D3D3;
  8.  
  9. border-radius: 3px;
  10.  
  11. margin-top: 10px;
  12.  
  13. padding-left: 15px;
  14.  
  15. padding-bottom: 100px;
  16.  
  17. }


http://jsfiddle.net/g7zCg/1/
SaMi
Wstawia po środku bo <input> z założenia ma tylko jeden wiersz. Ty rozciągnołeś to pole ale wiersz została nadal jeden na samym środku. Do tego co chcesz zrobić służy <textarea>.
martex
  1. <textarea placeholder="Jorr text:"></textarea>


a w css ustaw sobie wszelaki wyglad
  1. textarea{
  2. width: 498px;
  3. height: 120px;
  4. border: 1px solid #D3D3D3;
  5. border-radius: 3px;
  6. margin-top: 10px;
  7. padding-left: 15px;
  8. }



smile.gif
pabito
a czy mozna ustawiać krój czcionki dla textarea?
martex
jasne ze tak

textarea {
font-family:helvetica;
}
pabito
zmieniłem tak jak mówisz. Ale dalej w przeglądarce jest zła czcionkia. Podglądam te pole za pomoca firebuga i tam jest dobra czcionka.
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.