Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Input Submit a Height 100%
Forum PHP.pl > Forum > Przedszkole
Weles
Witam!
To chyba najgłupszy problem jaki kiedykolwiek miałem, ale nie potrafię zrobić:
  1. <input type="submit" style="height: 100%;">

Height po prostu nie chce działać, a ja muszę mieć procentowy 100%, nie mogę wpisać np. 500px czy ileś bo to ma być dynamiczne dopasowanie przycisku - w tym problem że, w żaden sposób to Height nie chce działać :|
Proszę o pomoc.
Pozdrawiam!
lobopol
http://jsfiddle.net/yWw5Q/
Weles
Ok, to może źle wytłumaczyłem.

Dokładniej mam takie coś:
Kod
<table>
<tr>
<td>costam</td>
<td>elos</td>
<td rowspan="2"><input type="submit" value="hejho" style="height: 100%;"></td>
</tr><tr>
<td>costam2</td>
<td>elos2</td>
</tr>
</table>


No i chcę aby przez te 2x <TR> całe był ten input, a nie wiem ile pod jaką rozdzielczością ani nic zajmą wszystko pionowo więc nie mogę ustalić np. height 500px.
lobopol
http://jsfiddle.net/yWw5Q/1/ ?
Weles
No i właśnie chodzi mi żeby ten przycisk nie wyglądał tak jak to wychodzi (czyli tak jak po lewej) tylko żeby było tak jak po prawej na screenie.

lobopol
wybacz, siedzę na chromie tam działa, więc nie zrobisz tego w takii sposób, są 2 możliwości:
1. użycie js, do podmiany wielkości inputa
2. http://jsfiddle.net/yWw5Q/4/
johnny_b
Witaj lobopol, Weles.

Weles pozwoliłem wykorzystać sobie Twój kod z jsf i dodałem tylko 2 wiersze.

Wystarczy wykorzystać właściwości samego CSS. Jeżeli nadasz właściwość position absolute dla inputa, którego chcesz wypozycjonować to będzie on uzależniony od najbliższego wypozycjowanego elementu. Czyli dla tylko table możesz ustawić wartosc dla position, dla inputa absolute i wyrównać topem. Czyli:

Element do którego chcesz wyrównywać to table. Więc table musi mieć ustawione position.

Element, którym chcesz operować to input, więc ustawiasz position absolute.

Top musi być wprowadzony chociażby na -1%, ponieważ bez tego ustawi top od <TR> w którym został umieszczony.

Daj znać czy o to Ci chodziło. U mnie działa na IE, Firefox, Chrome.


Poniżej przykład:
http://jsfiddle.net/johnny_b/5KCy4/

Pozdrawiam Hej
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.