Tabellen

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Tabellen

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 11, 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Tabellen datum

26.09.2022 13:13 (zuletzt bearbeitet: 26.09.2022 14:35)

Daishi

Informationen anzeigen

Beitr�ge:	387
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	329

Hallo Wolfgang, eine Frage, warum ist das Xobor - Forum so kompliziert? Ich bastele seit gestern an einer Tabelle herum, habe schon verschieden Varianten ausprobiert, entweder zu breit oder verzerrt. Habe viele BB-Codes von Xobor angewandt, nichts, verzerrt, die Überschriften 7 Zeilen nach rechts verzerrt, dann habe ich mindestens 12 HTML Codes versucht, auch ein graus.

Jetzt habe ich eine Tabelle in HTML geschrieben und deinen Rat befolgt und so gut es geht eine CSS - Code dazugeschrieben. Sieht gut aus. Nur muss ich den Body weglassen, sonst ist der Forum-Style zusammengezogen. Die Farben und die Tabellen macht es mir über das ganze Forum, verstehe nicht warum.

Bin extra einer Anleitung gefolgt, mit den CSS-Befehlen für eine Tabelle.

Hier meine Arbeit, die ich in CodePen gemacht habe.
Meine Tabelle CodePen!

Wollte sie aber mit Farbe einfügen, nur das sieht Mist aus! Hier mit aktiven CSS - Code.
Testforum mit CSS - Code!

So, habe mal den HTML-Code in der iconbar eingefügt, ohne CSS
Sieht gut aus, ohne Fehler
Daishi´s Club Forum Übersicht - Test2 » Testerle!

Hier der HTML - Code

1
 
<table width="60%" border="1">   <caption>Tabelle Von Daishi 25.09. 2022</caption>   <tr class="row1">     <th width="5%">Position</th>     <th class="col2">Name</th>     <th>Beiträge:</th>     <th>Status</th>     <th>Punkte</th>   </tr>   <tr>     <td>1</td>     <td class="col2">Daishi</td>     <td>34</td>     <td>Administrator</td>     <td>0</td>   </tr>   <tr>     <td>2</td>     <td class="col2">charlie1965</td>     <td>12</td>     <td>Mitglied</td>     <td>0</td>   </tr>   <tr>     <td>3</td>     <td class="col2">Anja</td>     <td>4</td>     <td>Mitglied</td>     <td>0</td>   </tr>   <tr>     <td>4</td>     <td class="col2">unbesetzt</td>     <td>0</td>     <td>0</td>     <td>0</td>   </tr>   <tr>     <td>5</td>     <td class="col2">unbesetzt</td>     <td>0</td>     <td>0</td>     <td>0</td>   </tr> </table>

Schlie�en

Hier der CSS - Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
body{
  margin-top:60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.row1{
  padding-bottom:10px;
}
table , th , tr , td{
  box-shadow:0px 0px 5px 0px white;
  border:1px solid #444444;
  border-collapse:collapse;
  padding:0;
  text-align:center;
  background-color:#193859;
  color:#14ccdd;
  font-weight:bold;
}
caption{
  margin-bottom:10px;
  font-weight:bold;
  color:white;
  font-size:25px;
  text-shadow:1px 1px 2px black, 0 0 25px blue, 0 0 5px white;
}
.col2{
  background-color:#091d28;
  color:white;
}
.row1 th{
  color:black;
  background-color:#ffffff;
  text-shadow:0 0 3px #FF0000, 0 0 5px #0000FF;
}
 

Schlie�en

Ich hoffe, du verstehst, was ich meine. Ich habe all deine Tipps jetzt angewendet und das Xobor-Forum will nicht, dass das funktioniert. Ich habe langsam das Gefühl, dass das Forum mich nicht mag...

Mit freundlichen Grüßen

Daishi

Daishi

Antworten

#2 | Tabellen im Forum datum

27.09.2022 19:35

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3392
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1278

Tabellen im Forum

Hallo Daishi,
Themen und Ideen mit Tabellen gibt es viele!
Selbst Xobor hat im neuen V6 ein Plugin "Tabellen erstellen" zur Verfügung gestellt und recht komfortabel!
Man kann im Voraus die Zeilen, die Spalten, auch die verschiedensten Optionen auswählen und obendrein die erstellte Tabelle als Vorlage abspeichern!

Mal sehen, ob man das Tabellen-Plugin auch fürs V4 hinbekommt, mit einer zusätzlichen Einstellung für die Tabellenbreite, wenn's geht ....

Trotz alledem muss man sich fragen wie die Tabelle aussehen und was sie können soll, wenn man sie in der Iconbar zu Verfügung stellt!
Soll es eine schnelle, einfache Tabelle werden oder sollen Textfarben, Hintergrundfarben, Abstände, Überschriften beliebig einstellbar sein?
Hier kommt es auch auf die Art des Forums an, denke ich.

Du kannst auch einen Beitrag für einfache, aber zweckmäßige Tabellen hier im Forum finden:

Textbausteine nebeneinander anordnen

Zu Deinen Fragen:

Wie wir bereits angesprochen haben, verändert "body" das gesamte Forum, weil die Struktur des Templates im Body steht!
So ist es auch mit "table" , "th" , "tr" , "td" und auch evtl. "caption", sie stehen ohne ID oder einer Class in der CSS!
Also wirken diese Tag's auf alle Tabellen im Forum!
Setze ich eine Class oder ID davor, dann verändert die CSS nur diesen Bereich oder diese ganz bestimmte Tabelle!

Das leicht abgeänderte HTML-Script mit zusätzlicher Class

Hier der HTML-Code mit einer zusätzlichen Class!

Die class "table_mitglieder" ist in "table" hinzugekommen, mehr nicht!

1
 
<table width="60%" border="1" class="table_mitglieder">   <caption>Tabelle Von Daishi 25.09. 2022</caption>   <tr class="row1">     <th width="5%">Position</th>     <th class="col2">Name</th>     <th>Beiträge:</th>     <th>Status</th>     <th>Punkte</th>   </tr>   <tr>     <td>1</td>     <td class="col2">Daishi</td>     <td>34</td>     <td>Administrator</td>     <td>0</td>   </tr>   <tr>     <td>2</td>     <td class="col2">charlie1965</td>     <td>12</td>     <td>Mitglied</td>     <td>0</td>   </tr>   <tr>     <td>3</td>     <td class="col2">Anja</td>     <td>4</td>     <td>Mitglied</td>     <td>0</td>   </tr>   <tr>     <td>4</td>     <td class="col2">unbesetzt</td>     <td>0</td>     <td>0</td>     <td>0</td>   </tr>   <tr>     <td>5</td>     <td class="col2">unbesetzt</td>     <td>0</td>     <td>0</td>     <td>0</td>   </tr> </table>

Schlie�en

Hier der CSS-Code mit der vorangesetzten Class

body ist auskommentiert, weil die Tabelle ja in den Beiträgen und nicht allein auf einer HTML-Seite steht!
.table_mitglieder ist den anderen Tag's vorgesetzt worden!
So sollten die CSS-Einstellungen nichts im Forum ungewollt verändern!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
body{
/*  margin-top:60px;
  display: flex;
  justify-content: center;
  align-items: center; */
}
.table_mitglieder .row1{
  padding-bottom:10px;
}
.table_mitglieder, .table_mitglieder th, .table_mitglieder tr, .table_mitglieder td {
  box-shadow: 0px 0px 5px 0px white;
  border: 1px solid #444444;
  border-collapse: collapse;
  padding: 0;
  text-align: center;
  background-color: #193859;
  color: #14ccdd;
  font-weight: bold;
}
.table_mitglieder caption{
  margin-bottom: 10px;
  font-weight: bold;
  color: white;
  font-size: 25px;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px white;
}
.table_mitglieder .col2 {
  background-color: #091d28;
  color: white;
}
.table_mitglieder .row1 th {
  color: black;
  background-color: #ffffff;
  text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
 

Schlie�en

Wolfgang

Antworten

Zertifikat � � Laufschriften und Ticker

�hnliche Themen

Antworten

Letzter Beitrag

Nochmal Tabellen im Forum
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Kipper-Spedition 4 21.12.2023 14:59
Wolfgang • Zugriffe: 364
Arbeiten mit zwei Tabellen.
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Plienkie 6 20.03.2023 18:35
Plienkie • Zugriffe: 613
Tabellen Plugin im V6
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Mato 1 01.03.2022 14:20
Wolfgang • Zugriffe: 412
FAQ verbessern und interessanter gestalten - (v4, v6 + Mobil)
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 5 09.07.2023 12:13
Daishi • Zugriffe: 3077
Spoiler-Veschachtelung mit Code und Pre
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 30.10.2017 20:16
Wolfgang • Zugriffe: 3899

Transparenz-Effekte - Text und Bilder auf transparenten Hintergrundbildern!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

29.05.2024 10:24
von

Wolfgang • Zugriffe: 2305

Wofür brauche ich die Dokumenttyp-Deklaration "DOCTYPE"?
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Wolfgang

06.06.2007 19:45
von

wolf.andres • Zugriffe: 2109

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

Zum Einbau: Google-Translator!

Favoriten speichern

Forum - Tabellen

Tabellen im Forum

Das leicht abgeänderte HTML-Script mit zusätzlicher Class

Forum Lesezeichen ❌