Seite 1 von 2

BBCode - Tabellen

Verfasst: 17.06.2011 17:31
von 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

Re: BBCode - Tabellen

Verfasst: 18.06.2011 17:45
von iTobias
Hallo Eisvogel,

Hilft dir diese Anleitung: BBCode - Tabellen vielleicht weiter? :wink:

Re: Tabellen cellpadding in Styledateien

Verfasst: 18.06.2011 18:22
von Talk19zehn
Hello,
Eisvogel hat geschrieben: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. :wink:


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... :oops:
Viele Grüße

Re: BBCode - Tabellen

Verfasst: 18.06.2011 21:46
von BNa

Re: BBCode - Tabellen

Verfasst: 20.06.2011 14:40
von Eisvogel
Egal was ich tue, cellpadding hat keine Wirkung.

Re: Cellpadding Tabellen

Verfasst: 20.06.2011 19:58
von 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.

Re: BBCode - Tabellen

Verfasst: 20.06.2011 20:56
von 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.

Re: BBCode - Tabellen

Verfasst: 20.06.2011 21:00
von 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

Re: BBCode - Tabellen

Verfasst: 20.06.2011 22:45
von Eisvogel
Gut dann sag ich nochmal das es nicht klappt. Sorry aber es geht halt nicht.
Ich will cellpadding, nicht Abstand durch Leerzeichen.

Re: BBCode - Tabellen

Verfasst: 20.06.2011 23:33
von 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>