Przerobiłem BBcode Table (kolory, wygląd itp.)
Demo:
Ale brakuje mi jednej funkcji - wyśrodkowania w pionie.
Udostępniam kod
.css
, proszę również o spojrzenie na kod, czy nie zawiera błędów czy zbędnych linii..css
, proszę również o spojrzenie na kod, czy nie zawiera błędów czy zbędnych linii.vertical-align: middle;
i wydaje mi się, że powinien być umieszczony w table.stoker td.headline
i table.stoker td
, bo to wyśrodkowuje względem "rodzica", czyli sprawi, że nagłówki i poszczególne komórki będą wyśrodkowane, ewentualnie trzeba będzie zastosować kolejny parametr (p
), żeby konkretnie tekst wyśrodkowywało. Czy zadziała? nie mam pojęcia, ale spróbować zawsze można Moje HTML BBcode:Bielu pisze:Zyleta ma racje, ale element musi mieć sposób wyświetlania jako komórka tabeli. czyli może być div ale z display: table-row; i potem wewnętrzne divy jaki display: table-column;
<td class="headline" colspan="{NUMBER}">{TEXT}</td>
<td class="headline" rowspan="{NUMBER}">{TEXT}</td>
<table class="stoker" cellspacing="0">{TEXT}</table>
<tr>{TEXT}</tr>
<td>{TEXT}</td>
<td class="headline" colspan="{NUMBER}" style="vertical-align: middle">{TEXT}</td>
<td class="headline" rowspan="{NUMBER}" style="vertical-align: middle">{TEXT}</td>
<table class="stoker" cellspacing="0" style="vertical-align: middle">{TEXT}</table>
<tr style="vertical-align: middle">{TEXT}</tr>
<td style="vertical-align: middle">{TEXT}</td>
tr
i td
..vertical-align: middle
ale w pliku i to nie działało.Zyleta ma racje, ale element musi mieć sposób wyświetlania jako komórka tabeli. czyli może być div ale z display: table-row; i potem wewnętrzne divy jaki display: table-column;
Może dlatego, że w pliku nie masz zdefiniowanych pojedynczych komórek, a tak jakby pełne wiersze/kolumny. Gdybyś chciał to w pliku zedytować, to chyba musiałbyś dodać tam kody dla pojedynczej komórki w wierszu.. nie wiem jak do końca by to wyglądało, bo się gubię w kodzie na takie tabele, ale najpewniej jakoś tak (biorąc twój plik css jako wzór):maciasbarlinek99 pisze:A wiesz, że to działa?
Dzięki wielkie
Btw. nie wiem czemu użyłem tenvertical-align: middle
ale w pliku i to nie działało.
Kod: Zaznacz cały
table.stoker td tr {
vertical-align: middle;
}
table.stoker td.headline tr {
vertical-align: middle;
}
Możliwe, że zadziała, ale najważniejsze, że ten twój zadziałał.Zyleta pisze:Może dlatego, że w pliku nie masz zdefiniowanych pojedynczych komórek, a tak jakby pełne wiersze/kolumny. Gdybyś chciał to w pliku zedytować, to chyba musiałbyś dodać tam kody dla pojedynczej komórki w wierszu.. nie wiem jak do końca by to wyglądało, bo się gubię w kodzie na takie tabele, ale najpewniej jakoś tak (biorąc twój plik css jako wzór):Kod: Zaznacz cały
table.stoker td tr { vertical-align: middle; } table.stoker td.headline tr { vertical-align: middle; }
BezZyleta pisze:Tylko co do tego drugiego (headline), nie jestem pewny, czy byłoby potrzebne, bo o ile są to te nagłówki, na pełną szerokość, to nie ma w nich żadnej dodatkowej kolumny, więc myślę, że byłoby to tam zbędne
style="vertical-align: middle"
nie wyśrodkowuje się.Kod: Zaznacz cały
[url=LINK DO STRONY]NAZWA (TO CO MA SIĘ WYŚWIETLAĆ)[/url]
Kod: Zaznacz cały
[url=http://www.phpbb.com]phpBB Community[/url]