Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Formatowanie <input>
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Jarod
Jakich styli użyć aby pole
  1. <input style="width: 70px; font-size: 12px; color: #0052B0;" type="text" name="" value="" size="8" maxlength="6" />

było takiej samej wysokości i szerokości pod FF, IE i Operą? Nie mogę sobie z tym poradzić..
revyag
Jak ustawiasz width to nie dawaj size. Wywalo font-size. Jeśli jednak chcesz to mieć to ustawy wysokość inputa.
Jarod
Cytat(revyag @ 1.08.2006, 09:30 ) *
Jak ustawiasz width to nie dawaj size. Wywalo font-size. Jeśli jednak chcesz to mieć to ustawy wysokość inputa.



  1. <input style="width: 70px; height: 50px; color: #0052B0;" type="text" name="" value="TESST" maxlength="6" />


Różni się. Sam sprawdź. Napsi TEST jest w różnych miejscach względem lewego górnego rogu pola input.

Rozwiązałem problem w ten sposób


  1. <input style="padding: 20px 0; width: 70px; color: #0052B0;" type="text" name="" value="TEST" maxlength="6" />


EDIT: Mam jeszcze problem z uzyskaniem tej samej szerokości.
gekon
Np. tak:
  1. input{
  2. padding: 0;
  3. margin: 0;
  4. line-height: 1em;
  5. width: 100px;
  6. height: 20px;
  7. }
Jarod
Cytat(gekon @ 1.08.2006, 17:52 ) *
Np. tak:
  1. input{
  2. padding: 0;
  3. margin: 0;
  4. line-height: 1em;
  5. width: 100px;
  6. height: 20px;
  7. }


To nie działa. Sam zobacz:

gekon
A masz cos jeszcze w tym arkuszu?
Jarod
Cytat(gekon @ 2.08.2006, 23:48 ) *
A masz cos jeszcze w tym arkuszu?


Tak. Dlatego musze mieć równe inputy, żeby to jakoś wyglądało. Na razie wykomentowałem reszte i próbuje dojść bawiąc się jednym. Udało mi się w ten sposób ale nie wiem, czy nie ma czegoś prostrzego:


  1. <?php
  2. echo '<div class="ramzawartoscform"><input style="padding: 3px 4px 3px 0 !important; padding: 3px 6px 3px 0;" type="text" name="" value="'.$query_data[8].'" size="11" maxlength="10" disabled="disabled" /></div>';
  3. echo '<div class="ramzawartoscform"><input style="padding: 3px 5px 3px 0 !important; padding: 3px 7px 3px 0;" type="text" name="" value="'.$query_data[9].'" size="5" maxlength="6" disabled="disabled" /></div>';
  4. echo '<div class="ramzawartoscform"><input style="padding: 3px 0px 3px 0 !important; padding: 3px 2px 3px 0;" type="text" name="z" value="'.$query_data[1].'" size="10" maxlength="6" /></div>';
  5. echo '<div class="ramzawartoscform"><input style="padding: 3px 5px 3px 0 !important; padding: 3px 7px 3px 0;" type="text" name="s="'.$query_data[2].'" size="5" maxlength="5" /></div>';
  6. echo '<div class="ramzawartoscform"><input style="padding: 3px 5px 3px 0 !important; padding: 3px 7px 3px 0;" type="text" name="a" value="'.$query_data[3].'" size="5" maxlength="5" /></div>';
  7. echo '<div class="ramzawartoscform"><input style="padding: 3px 4px 3px 0 !important; padding: 3px 6px 3px 0;" type="text" name="st" value="'.$query_data[4].'" size="3" maxlength="3" /></div>';
  8. echo '<div class="ramzawartoscform"><input style="padding: 3px 2px 3px 0 !important; padding: 3px 5px 3px 0;" type="text" name="p" value="'.$query_data[5].'" size="8" maxlength="7" /></div>';
  9. echo '<div class="ramzawartoscform"><input style="padding: 3px 9px 3px 0 !important; padding: 3px 11px 3px 0;" type="text" name="" value="'.$query_data[11].'" size="2" maxlength="3" disabled="disabled" /></div>';
  10. echo '<div class="ramzawartoscform"><input style="padding: 3px 3px 3px 0 !important; padding: 3px 5px 3px 0;" type="text" name="" value="'.$query_data[12].'" size="9" maxlength="7" disabled="disabled" /></div>';
  11. echo '<div class="ramzawartoscform"><input style="padding: 3px 5px 3px 0 !important; padding: 3px 7px 3px 0;" type="text" name="" value="'.$query_data[10].'" size="5" maxlength="5" disabled="disabled" /></div>';
  12. echo '<div class="ramzawartoscform"><input style="padding: 3px 0px 3px 0 !important; padding: 3px 2px 3px 0;" type="text" name="ag" value="'.$query_data[6].'" size="6" maxlength="5" /></div>';
  13. if ( $query_data[7] == 1 ) echo '<div class="ramzawartoscform" style="float: left; width: 36px; height: 20px;"><div style="margin: 3px 2px 2px 11px; padding: 0;"><input type="checkbox" name="od" value="1" checked="checked" /></div></div>';
  14. else echo '<div class="ramzawartoscform" style="float: left; width: 36px; height: 20px;"><div style="margin: 3px 2px 2px 11px; padding: 0;"><input type="checkbox" name="od" value="1" /></div></div>';
  15. ?>


  1. .ramzawartosc {
  2. margin: 3px 2px 0 0;
  3. padding: 3px 4px 0 4px;
  4. font-size: 13px;
  5. font-weight: normal;
  6. color: black;
  7. background-color: #DEC48B;
  8. text-align: left;
  9. float: left;
  10. }
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.