Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Wysrodkowanie tabeli na stronie
jackuss
post 6.03.2012, 21:01:21
Post #1





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

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


Chce wysrodkowac tabele w pionie jak i poziomie, lecz tabela srodkuje sie tylko w poziomie. Co robie zle?

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  4. <title>Formularz</title>
  5. <style>
  6. div{}
  7. </style>
  8. </head>
  9.  
  10. <div style=" height: 600px; width: 100%; display: table">
  11. <div style="display: table-cell; vertical-align: middle; text-align: center">
  12. <form action="przetworzenie_formularza.php" method="post">
  13. <table border="0" cellpadding="0" cellspacing="1px"style="text-align: left">
  14. <tr> <th style="width: 150px; background-color: silver;">Produkt </th> <th style="width: 50px; background-color: silver">Ilość</th> </tr>
  15. <tr> <td>Opony</td> <td> <input type="text" name="iloscopon" maxlength="3" style="width: 50px" /> </td>
  16. <tr> <td>Olej</td> <td> <input type="text" name="iloscoleju" maxlength="3" style="width: 50px" /> </td> </tr>
  17. <tr> <td>Świece Zapłonowe</td> <td> <input type="text" name="iloscswiec" maxlength="3" style="width: 50px" /> </td> </tr>
  18. <tr style="text-align: center"> <td colspan="2"> <input type="submit" value="Złóż zamówienie" /></td> </tr>
  19. </table>
  20. </form>
  21. </div>
  22. </div>
  23. </body>
  24. </html>


Ten post edytował jackuss 6.03.2012, 23:03:39
Go to the top of the page
+Quote Post
vonski
post 7.03.2012, 20:42:19
Post #2





Grupa: Zarejestrowani
Postów: 292
Pomógł: 89
Dołączył: 27.12.2006
Skąd: Warszawa

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


1. Drugi <tr> nie ma znacznika zamykającego.
2. Na pewno środkuje się tylko w poziomie? Bo u mnie środkuje się tylko w pionie, w poziomie ma wyśrodkowanie do lewej.
3. Dodaj do stylów tabeli: margin:auto - wtedy będziesz miał tabelę dokładnie na środku ekranu.


--------------------
Zend Certified Engineer | Microsoft Certified Professional: Programming in HTML5 with JavaScript & CSS3 | Blog
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: 25.04.2025 - 05:19