BBcode

[maciasbarlinek99]

Witajcie,

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.

[Zyleta]

Jedyną komendę, jaką znam wyśrodkowanie w pionie, jest 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

[Bielu]

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;

[maciasbarlinek99]

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;

Moje HTML BBcode:

Scal komórki: <td class="headline" colspan="{NUMBER}">{TEXT}</td>
Scal wiersze: <td class="headline" rowspan="{NUMBER}">{TEXT}</td>
Tabela: <table class="stoker" cellspacing="0">{TEXT}</table>
Wiersz: <tr>{TEXT}</tr>
Komórka: <td>{TEXT}</td>

Mam przed nimi dodać ten div?

[Zyleta]

Mogę się mylić, ale wydaje mi się, że jak masz w ten sposób, to po prostu wystarczyłoby zrobić coś takiego

Scal komórki: <td class="headline" colspan="{NUMBER}" style="vertical-align: middle">{TEXT}</td>
Scal wiersze: <td class="headline" rowspan="{NUMBER}" style="vertical-align: middle">{TEXT}</td>
Tabela: <table class="stoker" cellspacing="0" style="vertical-align: middle">{TEXT}</table>
Wiersz: <tr style="vertical-align: middle">{TEXT}</tr>
Komórka: <td style="vertical-align: middle">{TEXT}</td>

aczkolwiek pewny nie jestem, może starczyłoby tylko przy samym tr i td..
Lecz jak mówię, pewny nie jestem, to byś musiał sam sprawdzić, jak nie zadziała, to tak jak mówił Bielu, bo on zna się na tym duużo lepiej Byłoby wtedy tak, że div umieszczałbyś chyba jako tabela, bez tych "tr td ...", bo same divy z wartościami "display: table-row/column" działają jak tabela (wyświetlają się jak tabela utworzona z tych wszystkich "table tr td")

[maciasbarlinek99]

A wiesz, że to działa?

Dzięki wielkie
Btw. nie wiem czemu użyłem ten vertical-align: middle ale w pliku i to nie działało.

[Bielu]

napisałem że żyleta ma racje, i że może być div, więc nie wiem czemu pytałeś czy dodać diva?:P

[maciasbarlinek99]

Z twojego wcześniejszego postu zrozumiałem, że to ma być jednak w div i dopiero wtedy dodać ten atrybut vertical-align.

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;

[maciasbarlinek99]

Jakieś uwagi do kodu?

[Zyleta]

A wiesz, że to działa?

Dzięki wielkie
Btw. nie wiem czemu użyłem ten vertical-align: middle ale w pliku i to nie działało.

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;
}

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

Co do tego zdania, to pewnie powiedziane dlatego, że nie wiadomo było konkretnie, czy robisz tę tabelę na divach, czy normalnie jako tabelę.

Uwagi? Że się nie znam, to nie powiem nic

[maciasbarlinek99]

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;
}

Możliwe, że zadziała, ale najważniejsze, że ten twój zadziałał.

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

Bez style="vertical-align: middle" nie wyśrodkowuje się.
Musi to być zawarte w kodzie.

Załączam nowy plik, bo tamten był nieprawidłowy

[lopoto]

ktos wie jaki jest BBcode zeby wpisac adres strony a w poscie wyswietlalo sie tylko np. " cnn" znaczy po kliknieciu w te slowo otwiera sie witryna

[maciasbarlinek99]

Kod: Zaznacz cały

[url=LINK DO STRONY]NAZWA (TO CO MA SIĘ WYŚWIETLAĆ)[/url]

np.

Kod: Zaznacz cały

[url=http://www.phpbb.com]phpBB Community[/url]

phpBB Community

[lopoto]

dzieki