Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Wysrodkowanie w pionie i poziomie jednoczesnie
jackuss
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 15.04.2011

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


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Arcioch
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

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


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





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Formularz w tabeli ohmy.gif Czego to ludzie nie wymyślą.
Go to the top of the page
+Quote Post
Arcioch
post
Post #4





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

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


To swoją drogą wink.gif ja poprawiałem tylko wyrówanie smile.gif osobiście polecam użyć znaczników <p>, <label> wink.gif
Go to the top of the page
+Quote Post
kamil4u
post
Post #5





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


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


--------------------
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 Aktualny czas: 20.08.2025 - 17:26