Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Wysrodkowanie w pionie i poziomie jednoczesnie
Forum PHP.pl > Forum > Przedszkole
jackuss
Próbuje wyśrodkować tabelke z formularzem w pionie i poziomie jednocześnie. Jednak wyrównuje się tylko w poziomie. Kombinowałem to albo mi się wyśrodkowuje w pionie albo w poziomie.

  1. <div id="tresc">
  2. <div class="ramka" style="height: 400px;">
  3. <div style="width: 35%; margin: auto; display: table;">
  4. <div style="display: table-cell; vertical-align: middle">
  5. <form action="rejestracja_valid.php" method="post">
  6. <tr> <th>Login:</th> <td><input type="text" name="login"/></td> </tr>
  7. <tr> <th>Hasło:</th> <td><input type="password" name="haslo" /></td> </tr>
  8. <tr> <th>E-mail:</th> <td><input type="text" name="email"/></td> </tr>
  9. <tr> <td colspan="2" style="text-align: center;"><button type="submit">Rejestruj</button></td> </tr>
  10. </table>
  11. </form>
  12. </div>
  13. </div>
  14. </div>
  15. </div>


Pomógłby ktośquestionmark.gif
Arcioch
  1. <div id="tresc" style="display: block; width: 300px; margin: 0 auto;" >
  2. <div style="position: absolute; top: 50%; height: 200px; margin-top: -100px;">
  3. <form action="rejestracja_valid.php" method="post">
  4. <tr> <th>Login:</th> <td><input type="text" name="login"/></td> </tr>
  5. <tr> <th>Hasło:</th> <td><input type="password" name="haslo" /></td> </tr>
  6. <tr> <th>E-mail:</th> <td><input type="text" name="email"/></td> </tr>
  7. <tr> <td colspan="2" style="text-align: center;"><button type="submit">Rejestruj</button></td> </tr>
  8. </table>
  9. </form>
  10. </div>
  11. </div>


Może coś takiego wink.gif tylko musisz mieć wyskość i szerokość diva wink.gif
Damonsson
Formularz w tabeli ohmy.gif Czego to ludzie nie wymyślą.
Arcioch
To swoją drogą wink.gif ja poprawiałem tylko wyrówanie smile.gif osobiście polecam użyć znaczników <p>, <label> wink.gif
kamil4u
Cytat
osobiście polecam użyć znaczników <p>, <label>

<p> w formularzach? Jak podpowiadasz to przynajmniej rób to dobrze smile.gif Za to label jak najbardziej - nawet powinno się.

A jak już czepiać się kodu to:
- nie używamy znacznika style - umieść style w oddzielnym pliku *.CSS
- <button type="submit"> -> <input type="button"> - błąd to nie jest, ale moim zdaniem tak jest lepiej
- zbyt duża liczba <div>-ów - można ostylować <form>

Oczywiście uwagi do autora tematu, bo trudno, żeby ~Arcioch poprawiał cudzy kod smile.gif
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.