BBCode - Tabellen

[Eisvogel]

Hi

Ich versuche grad BBCode für eine einfach Tabelle zu erstellen. Komplette Basis:
[table][/table] wird mit <table></table> ersetzt, gleiches für tr und td.

Jetzt möchte ich der Tabelle noch Rahmen und Padding hinzufügen, also <table border=1 cellpadding=3>. Hier das Problem, das cellpadding zeigt keine Wirkung, die Zellen quetschen sich immernoch ohne Abstand nebeneinander. Auch wenn ich cellpadding versuche in Style-Dateien direkt zu verwenden klappt das nicht. Es ist so als würde cellpadding in phpBB nicht existieren, cellspacing hingegen funktioniert prima. Woran liegt das? Und ja ich habe den Cache schon zig mal gelöscht.

MfG
Der Eisvogel

[iTobias]

Hallo Eisvogel,

Hilft dir diese Anleitung: BBCode - Tabellen vielleicht weiter?

[Talk19zehn]

Hello,

Auch wenn ich cellpadding versuche in Style-Dateien direkt zu verwenden klappt das nicht. Es ist so als würde cellpadding in phpBB nicht existieren, cellspacing hingegen funktioniert prima.

das kann ich nicht bestätigen. Wenn ich jenes Tabellenkonstrukt - nur ein Beipiel - in der overall_header.html (Prosilver)

Code: Alles auswählen

<table width="50%" align="left" cellpadding="2" cellspacing="2">
<tr>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Namenlos</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="https://www.polizei-nrw.de/internetwache/Start/" class="class1" title="Zur Internetwache NRW">Internetwache</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="http://www.ip-adresse.info/" class="class1" title="Meine IP abfragen">Meine IP</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Impressum</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Home</a></td>
</tr>
</table>
<div style="clear: both;"></div>
<table width="50%" align="right" border="0" cellpadding="2" cellspacing="2">
<tr>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1">Link</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Suche</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Codes</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="Hilfe">FAQ</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="Irgendwas">Hierhin</a></td>
</tr>
</table>
<div style="clear: both;"></div>

einbaue, klappt es. Die Verweise habe ich in dem Test nicht alle gesetzt.


Verwendetes CSS:

Code: Alles auswählen

.tab3 {
height: 28px;
font-size: 1.0em;
background: #12A3EB;
border: 1px solid #000000;
color: #FFFFFF;
background: url("{T_THEME_PATH}/images/bg_header.gif") repeat-x #12A3EB;
}

.tab3 a:hover {
color: #FFFFFF;
background: #12A3EB;
}

Code: Alles auswählen

a.class1:link {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

a.class1:visited {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

a.class1:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

Bin mir nicht ganz sicher, ob die Tabelle ganz und gar valide ist. Tabellen baue ich eher selten...
Viele Grüße

[BNa]

viewtopic.php?p=1232342#p1232342

[Eisvogel]

Egal was ich tue, cellpadding hat keine Wirkung.

[Talk19zehn]

Hello Eisvogel, du hast recht!!
In meiner Euphorie habe ich gar nicht bemerkt, dass offenbar das von mir genutzte .. style="text-align:center" .. das cellpadding "aushebelt".... ?? Tut mir leid, wenn ich das übersehen hatte. Insofern revidiere ich und konnte lediglich mittels .tab3 ( Höhe nochmals geändert ) und augenscheinlich mit der Definition von style="text-align:center" im table-tag angewendet Abstand gewinnen. Wie bereits zuvor erwähnt, in Style-Dateien direkt (nicht BBCode-Tabellen) genutzt:

Code: Alles auswählen

<table width="100%" align="left" cellspacing="7">
<tr>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Namenlos</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="https://www.polizei-nrw.de/internetwache/Start/" class="class1" title="Zur Internetwache NRW">Internetwache</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="http://www.ip-adresse.info/" class="class1" title="Meine IP abfragen">Meine IP</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Impressum</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Home</a></td>
</tr>
</table>
<div style="clear: both;"></div>
<table width="100%" align="left" border="0" cellspacing="7">
<tr>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1">Link</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Suche</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="...">Codes</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="Hilfe">FAQ</a></td>
<td style="text-align:center" width="10%" class="tab3"><a href="#" class="class1" title="Irgendwas">Hierhin</a></td>
</tr>
</table>
<div style="clear: both;"></div>

Ich komme nicht dahinter, wo ich eine Änderung der vordefinierten CSS-Anweisungen vornehmen müsste. Ich frage mich auch, ob das Sinn macht, da ich vermute, dass es andere vordefinierte Tabellenkonstrukte evtl. gar "zerstören" könnte?

Im Ergebnis ggf. für dich wie für mich eine Notlösung für die Style-Dateien:
[ externes Bild ]




Allerbeste und zugleich kuriose Grüße.
Entschuldige bitte mein Versehen, danke dir.

[Eisvogel]

Kein Problem, aber dennoch löst es mein Problem nicht. Ich möchte Style unabhängig bleiben, also kann ich nicht auf vordefinierte CSS Objekte zu greifen. Außerdem möchte ich den Zellen-Inhalt nicht mittig haben. Ich möchte lediglich ein Padding hinzufügen, so wie cellpadding das normalerweise auch macht.

[BNa]

Hatte ja schon einen Link gepostet.

Die Tabelle hier hat nur 3 BBCodes, wo nichts gequetscht scheint.
http://4seven.kilu.de/forum/phpbb3/view ... f=21&t=313

[Eisvogel]

Gut dann sag ich nochmal das es nicht klappt. Sorry aber es geht halt nicht.
Ich will cellpadding, nicht Abstand durch Leerzeichen.

[BNa]

Wir haben das mal getestet. cellpadding funktioniert gut.
Nur halt nicht im klassischen Sinne als cellpadding="10px".
Test Post: http://4seven.kilu.de/forum/phpbb3/view ... 2088#p2088

Aus dem Link
http://4seven.kilu.de/forum/phpbb3/view ... p=866#p866

bbcode

Code: Alles auswählen

[tabellendaten]{TEXT}[/tabellendaten]

html ersetzung (mit leerzeichen)

Code: Alles auswählen

<td>&nbsp;{TEXT}&nbsp;</td>

html ersetzung (mit cellpadding)

Code: Alles auswählen

<td style="padding:10px;">{TEXT}</td>