Strona 1 z 1

BBcode

: 11 listopada 2014, 20:06
autor: maciasbarlinek99
Witajcie,

Przerobiłem BBcode Table (kolory, wygląd itp.)
Demo:
Obrazek

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 :P 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? :D

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? :D

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 :D

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