Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Wycentrowanie przycisku
arszawin
post 17.07.2010, 00:12:52
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.07.2008

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


Mamy np klasę prostokat:

  1. .prostokat {
  2. width: 300px;
  3. height: 100px;
  4. background: #ff0000;
  5. ...
  6. }


oraz klasę przycisku (input typu submit):

  1. .submit {
  2. width: 120px;
  3. height: 30px;
  4. ...
  5. }


oraz kod html:
  1. <div class="prostokat">
  2. <input type="submit" class="submit" value="Przycisk">
  3. </div>


Co zrobić, żeby przycisk znajdował się dokładnie na środku warstwy klasy prostokat, bez podawania konkretnych współrzędnych (określania marginesów) ? Gdybyśmy chcieli umieścić przycisk po prawej stronie, po prostu użylibyśmy float: right, ale argument float może przyjmować tylko wartości [left, right], wartości center nie ...

Pozdrawiam
Go to the top of the page
+Quote Post
Neojawor
post 17.07.2010, 00:21:03
Post #2





Grupa: Zarejestrowani
Postów: 106
Pomógł: 1
Dołączył: 2.12.2005
Skąd: Jaworzno

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


cześć!
Próbowałeś może
  1. text-align: center;
Go to the top of the page
+Quote Post
pedro84
post 17.07.2010, 00:22:42
Post #3





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


  1. display:block;
  2. margin:0 auto;


PS od kiedy się centruje marginesami?


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
arszawin
post 17.07.2010, 00:29:05
Post #4





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.07.2008

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


Niestety, ale to nie pomogło.
text-align: center; jest ok dla tekstów (faktycznie je centruje), ale jeśli chodzi o input to nic z nim nie zrobiło.
Go to the top of the page
+Quote Post
Neojawor
post 17.07.2010, 00:42:33
Post #5





Grupa: Zarejestrowani
Postów: 106
Pomógł: 1
Dołączył: 2.12.2005
Skąd: Jaworzno

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


Jeśli dobrze pamiętam, to można text-align dać dla DIV-a, ja to chyba robiłem tak, że tworzyłem osobną klasę div-a do opakowywania buttonów. Div-a wyśrodkowałem, a do niego wsadzałem Submit
Go to the top of the page
+Quote Post
pedro84
post 17.07.2010, 00:45:44
Post #6





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Cytat(Neojawor @ 17.07.2010, 01:42:33 ) *
Jeśli dobrze pamiętam, to można text-align dać dla DIV-a, ja to chyba robiłem tak, że tworzyłem osobną klasę div-a do opakowywania buttonów. Div-a wyśrodkowałem, a do niego wsadzałem Submit

Odpowiedz tylko sobie sam na pytanie... Po co? Vide mój poprzedni post.


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 28.04.2025 - 08:21