Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Wycentrowanie przycisku
Forum PHP.pl > Forum > Przedszkole
arszawin
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
Neojawor
cześć!
Próbowałeś może
  1. text-align: center;
pedro84
  1. display:block;
  2. margin:0 auto;


PS od kiedy się centruje marginesami?
arszawin
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.
Neojawor
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
pedro84
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.
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.