Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] wyśrodkowanie tabeli w pionie
Forum PHP.pl > Forum > Przedszkole
nieraczek
wysrodkowanie tabeli w poziomie to align="center" - a w pionie questionmark.gif

TO NIE DZIAŁA:
valign="middle"
vertical-align="middle"
position="absolute"
MiFlo
a nuż się uda i spróbuj style="vertical-align: middle;" lub style="vertical-align: center;"
sagittariuspl
najpier zrób tabelę w <div>
MiFlo
buhahah właśnie tongue.gif bo względem czego masz środkować ? obejmij całą stronę <div></div>
nieraczek
teraz to mi już ani w poziomie, ani w pionie nie środkuje sad.gif

w dokumencie html-cześć body:
  1. <div id="pudlo">
  2. <table border=10 border-style: solid border-color: rgb(255, 0, 0) id="tabela" >
  3. <tr>
  4. <td width="63" height="35" colspan="6">mmmmmmmm</td>
  5. </tr>
  6. </div>
  7. </body>


w dokumencie CSS:
  1. div#pudlo
  2. {
  3. width: 100%;
  4. height: 700px;
  5. }
  6.  
  7. div#tabela
  8. {
  9. vertical-align: middle;
  10. align: center;
  11. }



dlaczego ?
sagittariuspl
na css nie znam się znakomicie, ale jedno rzuca się od razu -> nie środkuj tabeli tylko div, w której jest
nieraczek
okej, ale to nie zmienia faktu że dalej nie mogę wyśrodkować tabeli
sagittariuspl
o czym ty mówisz? nie środkuj tabeli tylko div'a, a tabela sama się wyśrodkuje - nie jest to logiczne?
nieraczek
robie na rozne sposoby i nic:

dokument css:
  1. div#pudlo
  2. {
  3. width: 100%;
  4. height: 700px;
  5. vertical-align: middle;
  6. align: center;
  7. valign: middle;
  8. }



dokument html:
  1. <div id="pudlo">
  2. <table border=10 border-style: solid border-color: rgb(255, 0, 0)>
  3. <tr>
  4. <td width="63" height="35" colspan="6">mmmmmmmm</td>
  5. </tr>
  6. </div>
  7. </body>



questionmark.gifquestionmark.gifquestionmark.gif?/
Nieznajomek xD
Robisz cos takiego jak klase tabeli haha.gif, a tam robisz cos takiego jak ustawianie marginów, że tak napisze haha.gif.:
W css:

  1. table.klasa1{
  2. margin-left: auto;
  3. margin-right: auto;
  4. }


i wysrodkowane

a w html:

  1. ...
  2. <table class="klasa1">
  3. ..tresc..
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.