[css] Formatowanie <input> Opcje

[Jarod]

Jakich styli użyć aby pole

[HTML] pobierz, plaintext 
<input style="width: 70px; font-size: 12px; color: #0052B0;" type="text" name="" value="" size="8" maxlength="6" />
[HTML] pobierz, plaintext 

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]

Jak ustawiasz width to nie dawaj size. Wywalo font-size. Jeśli jednak chcesz to mieć to ustawy wysokość inputa.

[HTML] pobierz, plaintext 
<input style="width: 70px; height: 50px; color: #0052B0;" type="text" name="" value="TESST" maxlength="6" />
[HTML] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
<input style="padding: 20px 0; width: 70px; color: #0052B0;" type="text" name="" value="TEST" maxlength="6" />
[HTML] pobierz, plaintext 

EDIT: Mam jeszcze problem z uzyskaniem tej samej szerokości.

Ten post edytował J4r0d 1.08.2006, 10:46:41

[gekon]

Np. tak:

[HTML] pobierz, plaintext 
input{
 padding: 0; 
 margin: 0;
 line-height: 1em;
 width: 100px;
 height: 20px;
}
[HTML] pobierz, plaintext 

[Jarod]

Np. tak:

[HTML] pobierz, plaintext 
input{
 padding: 0; 
 margin: 0;
 line-height: 1em;
 width: 100px;
 height: 20px;
}
[HTML] pobierz, plaintext 

To nie działa. Sam zobacz:

[gekon]

A masz cos jeszcze w tym arkuszu?

[Jarod]

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:

[PHP] pobierz, plaintext 
<?php
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>';
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>';
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>';
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>';
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>';
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>';
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>';
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>';
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>';
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>';
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>';
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>';
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>';
?>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
.ramzawartosc {
               margin: 3px 2px 0 0;
               padding: 3px 4px 0 4px;
               font-size: 13px;
               font-weight: normal;
               color: black;
               background-color: #DEC48B; 
               text-align: left;
               float: left;
}
[HTML] pobierz, plaintext