Strona 1 z 1
BBcode
: 11 listopada 2014, 20:06
autor: 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.
Re: BBcode
: 12 listopada 2014, 08:11
autor: 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

Re: BBcode
: 12 listopada 2014, 08:17
autor: 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;
Re: BBcode
: 12 listopada 2014, 15:04
autor: maciasbarlinek99
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;
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?
Re: BBcode
: 12 listopada 2014, 16:47
autor: 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")
Re: BBcode
: 12 listopada 2014, 17:09
autor: 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.
Re: BBcode
: 12 listopada 2014, 17:10
autor: Bielu
napisałem że żyleta ma racje, i że może być div, więc nie wiem czemu pytałeś czy dodać diva?:P
Re: BBcode
: 12 listopada 2014, 17:15
autor: 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;
Re: BBcode
: 12 listopada 2014, 17:16
autor: maciasbarlinek99
Jakieś uwagi do kodu?
Re: BBcode
: 12 listopada 2014, 18:28
autor: Zyleta
maciasbarlinek99 pisze: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

Re: BBcode
: 25 listopada 2014, 20:52
autor: maciasbarlinek99
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;
}
Możliwe, że zadziała, ale najważniejsze, że ten twój zadziałał.
Zyleta 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

Bez
style="vertical-align: middle" nie wyśrodkowuje się.
Musi to być zawarte w kodzie.
Załączam nowy plik, bo tamten był nieprawidłowy
Re: BBcode
: 08 grudnia 2014, 14:29
autor: 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

Re: BBcode
: 08 grudnia 2014, 15:45
autor: 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
Re: BBcode
: 08 grudnia 2014, 16:30
autor: lopoto
dzieki
