tábla BBKód szerkesztése
Szerző
Üzenet
Hello!
Hozzáadtam egy tábla BB kódot a fórumomhoz, így:
illetve:
Ez így néz ki:
Szeretném a két sor közül eltüntetni azt a kis helyet, és a két oszlop között is csak 1 vonal legyen, mert így vastag.
Illetve a cellákat is szeretném nagyobbra tenni.
Hozzáadtam egy tábla BB kódot a fórumomhoz, így:
Kód:
[td]{TEXT}[/td]
Kód:
<td><table style="width: 300px; border: 1px solid "#404040"><td align="left">{TEXT}</td></table></td>
illetve:
Kód:
[tr]{TEXT}[/tr]
Kód:
<table style="margin:1px auto;" border="1">{TEXT}</table>
Ez így néz ki:
Szeretném a két sor közül eltüntetni azt a kis helyet, és a két oszlop között is csak 1 vonal legyen, mert így vastag.
Illetve a cellákat is szeretném nagyobbra tenni.
Így egy picit nehéz lesz megoldani. Miért nem csak egy táblát használsz? Alapvetően még lehetne probléma ilyesmi probléma, ha nincs beállítva a
_________________
<M>
border-collapse: collapse;
de a te esetedben az okozza a problémát, hogy táblázatvan a táblázatban.
_________________
<M>
Bocsi, de alapvetően nem azzal van baj, hogy tábla van a tábla valamelyik cellájában.
Ilyet én is szoktam csinálni, ha rávisz a kényszer, meg a lustaság az helyett, hogy CSS-ben írjam meg.
Nekem az egésszel van bajom, pontosabban az alapvető HTML sorrendi szabályokkal.
Ezek a szabályok a HTML5-ben sem változtak.
Ennek igaznak kell lennie akkor is, ha egy táblázat cellájában teszek egy másik táblázatot.
Ugyanakkor a képen látszódó felosztott táblázatban a két sor és a két oszlop között ugyanúgy meg fog maradni a "két csík", mivel ezzel a megoldással minden egyes cellához hozzá van rendelve egy keret. A cellák között viszont akkor is van távolság, ha nincsen kerete, csak ekkor nem látszik.
Ha viszont "csak" a táblázatra mondjuk a keretek meglétét, akkor mindig egy csík fog látszani!
Csak egy tipp!
BBCode:
HTML:
____________________________________________
BBCode:
HTML:
____________________________________________
BBCode:
HTML:
____________________________________________
BBCode:
HTML:
Használat:
____________________________________________
Programkód
Ilyet én is szoktam csinálni, ha rávisz a kényszer, meg a lustaság az helyett, hogy CSS-ben írjam meg.
Nekem az egésszel van bajom, pontosabban az alapvető HTML sorrendi szabályokkal.
Ezek a szabályok a HTML5-ben sem változtak.
Kód:
<table><tr><td>...</td></tr></table>
Ennek igaznak kell lennie akkor is, ha egy táblázat cellájában teszek egy másik táblázatot.
Ugyanakkor a képen látszódó felosztott táblázatban a két sor és a két oszlop között ugyanúgy meg fog maradni a "két csík", mivel ezzel a megoldással minden egyes cellához hozzá van rendelve egy keret. A cellák között viszont akkor is van távolság, ha nincsen kerete, csak ekkor nem látszik.
Ha viszont "csak" a táblázatra mondjuk a keretek meglétét, akkor mindig egy csík fog látszani!
Csak egy tipp!
BBCode:
Kód:
[tabla1={NUMBER}]{TEXT}[/tabla1]
Kód:
Használat:
[tabla1=0] => nincs keret ---- [tabla1=1] => van keret
HTML:
Kód:
<table style="margin:1px auto;" border="{NUMBER}">{TEXT}</table>
____________________________________________
BBCode:
Kód:
[tr1]{TEXT}[/tr1]
HTML:
Kód:
<tr>{TEXT}</tr>
____________________________________________
BBCode:
Kód:
[td1]{TEXT}[/td1]
HTML:
Kód:
<td align="left">{TEXT}</td>
____________________________________________
BBCode:
Kód:
[td2={NUMBER}]{TEXT}[/td2]
HTML:
Kód:
<td><table style="width: 300px;" border="{NUMBER}"><tr><td align="left">{TEXT}</td></tr></table></td>
Kód:
[td2=0] => nincs keret ---- [td2=1] => van keret
____________________________________________
Programkód
Kód:
[table1=1]
[tr1]
[td1]
[td2] szöveg1 [/td2]
[/td1]
[td1]
[td2] szöveg2 [/td2]
[/td1]
[/tr1]
[tr1]
[td1]
[td2] szöveg3 [/td2]
[/td1]
[td1]
[td2] szöveg4 [/td2]
[/td1]
[/tr1]
[/table1]
A hozzászólás legutóbb Ragadozo által 2016.11.15. 12:06-kor lett szerkesztve, összesen 1 alkalommal.
Pedig ez így néz ki, de csak akkor, ha a table1-nél border="0".
Egyszóval az sem mindegy, hogycsak így egyszerű megoldás esetén a border= meghatározást használod, vagy a style="..." meghatározást.
Nem mellékesen azt is kifelejtettem mondani, hogy cellánként tárolsz egy táblázatot, aminek kerete van.
Így mindegyik keret külön fog látszódni akár mit csinálsz, így az egymás mellett-alatt lévő celláknál "két csík" lesz.
Sok esetben nem árt vissza térni az "alapokhoz".
Az a gyanúm, hogy neked valami ilyesmi kellene:
???
Egyszóval az sem mindegy, hogycsak így egyszerű megoldás esetén a border= meghatározást használod, vagy a style="..." meghatározást.
Nem mellékesen azt is kifelejtettem mondani, hogy cellánként tárolsz egy táblázatot, aminek kerete van.
Így mindegyik keret külön fog látszódni akár mit csinálsz, így az egymás mellett-alatt lévő celláknál "két csík" lesz.
Sok esetben nem árt vissza térni az "alapokhoz".
Az a gyanúm, hogy neked valami ilyesmi kellene:
???
Ilyen kellene (a keretnek nem kell ilyennek lennie)
Továbbra is fenn marad a kérdés, miért kell a table-nek keret, aminek az egyik cellájában van az adott (problémás) table szintén kerettel.
Ugyanis a most berakott képen pont az nem látszik, ami problémának fel volt hozva, a "szülő" table cella kerete.
Ha ugyanis annak eleve nincsen kerete (cella kerete), akkor fel sem merül ez a probléma.
Ugyanis a most berakott képen pont az nem látszik, ami problémának fel volt hozva, a "szülő" table cella kerete.
Ha ugyanis annak eleve nincsen kerete (cella kerete), akkor fel sem merül ez a probléma.
Néha az is jó megoldás, ha az ember "visszatér" az alapokhoz ....
Eredmény:
Kód:
<table cellspacing="0" cellpadding="5" border="1">
<tr>
<td align="center"> Valami</td>
</tr><tr>
<td colspan="2" align="left">
<table cellspacing="0" cellpadding="0" border="3" bordercolor="#FF8844">
<tr>
<td style="width: 300px;" align="center">szöveg1</td>
<td style="width: 300px;" align="center">szöveg2</td>
</tr>
<tr>
<td style="width: 300px;" align="center">szöveg3</td>
<td style="width: 300px;" align="center">szöveg4</td>
</tr>
<tr>
<td style="width: 300px;" align="center">szöveg5</td>
<td style="width: 300px;" align="center">szöveg6</td>
</tr>
<tr>
<td style="width: 300px;" align="center">szöveg7</td>
<td style="width: 300px;" align="center">szöveg8</td>
</tr>
</table>
</td>
</tr><tr>
<td align="center"> Valami</td>
</tr>
</table>
Eredmény:
Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.