Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Input Submit a Height 100%, Nie mogę dać inputa type submit na całą wysokość.
Weles
post
Post #1





Grupa: Zarejestrowani
Postów: 213
Pomógł: 0
Dołączył: 7.07.2011

Ostrzeżenie: (0%)
-----


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!
Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/yWw5Q/
Go to the top of the page
+Quote Post
Weles
post
Post #3





Grupa: Zarejestrowani
Postów: 213
Pomógł: 0
Dołączył: 7.07.2011

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
lobopol
post
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/yWw5Q/1/ ?
Go to the top of the page
+Quote Post
Weles
post
Post #5





Grupa: Zarejestrowani
Postów: 213
Pomógł: 0
Dołączył: 7.07.2011

Ostrzeżenie: (0%)
-----


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.

(IMG:http://www.iv.pl/images/99848625228382238184.png)
Go to the top of the page
+Quote Post
lobopol
post
Post #6





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


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/
Go to the top of the page
+Quote Post
johnny_b
post
Post #7





Grupa: Zarejestrowani
Postów: 30
Pomógł: 5
Dołączył: 3.12.2012

Ostrzeżenie: (0%)
-----


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

Ten post edytował johnny_b 11.08.2013, 10:57:28
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.09.2025 - 01:37