Tabelle unter dem Header

Antworten
#1
21.10.2018 14:46
avatar  Elijah Mikaelson
#1 Tabelle unter dem Header
avatar
Elijah Mikaelson
Mitglied

Guten Tag zusammen
eine Freundin sucht gerade Hilfe, und zwar will sie eine Tabelle unter dem Header machen.
Sie braucht den Code dafür..
das Forum um welches es geht gebe ich euch.. wenn mir wer sagen kann wo ich so ein Code herbekomme

das vier spalten unter dem Header sind.. wo man Team etc rein tun kann..
lg


 Antworten

 Beitrag melden
#2
22.10.2018 15:49
avatar  Sami
#2 RE: Tabelle unter dem Header
avatar
Sami
Xobor

Hallo,

falls auch 3 Spalten genügen gibt es das Plugin "Drei Infoboxen", zu finden in der Administration unter "Plugins".

Andernfalls gibt es HTML-Tabellen-Generatoren die den passenden Code liefern:
z.B. https://netgrade.de/html-tabellen-generator/

Schöne Grüße,
Sami

Support · Xobor.de · Miranus GmbH · Wir helfen gerne - Unterstütze Xobor durch die Buchung eines Premium Tarifs.

 Antworten

 Beitrag melden
#3
01.11.2018 23:27
avatar  Charles
#3 RE: Tabelle unter dem Header
Ch
Charles
Mitglied

@Elijah Mikaelson

Hier bekommst du alles was du brauchst an Tabellen für dein Forum

(Gaia Template)

 Antworten

 Beitrag melden
#4
02.11.2018 16:31
avatar  Elijah Mikaelson
#4 RE: Tabelle unter dem Header
avatar
Elijah Mikaelson
Mitglied

danke dir


 Antworten

 Beitrag melden
#5
07.03.2019 15:15
avatar  Caitlin Tamaya Thropp
#5 RE: Tabelle unter dem Header
avatar
Caitlin Tamaya Thropp
Mitglied

Hallo ihr Lieben
Ich grab mal dieses Thema hier aus,da ich mit einer Tabelle unter dem Header ein Problem habe und wollte nicht wieder ein neues Thema machen,ich hoffe das ist in ordung.

Ich habe ein RPG Forum und zur zeit habe ich zwar eine Tabelle unter dem Header,doch so wirklich gefällt sie mir nicht.
Ich habe aus einem anderem Forum die auch eine Tabelle habe freundlich gefragt ob ich den Cod von ihrer Tabelle bekommen darf und sie waren so freundlich.
Doch nun habe ich ein Problem mit der Tabelle und kann den Fehler einfach nicht finden und hoffe daher nun das einer hier mir helfen könnte.

Das Problem ist nicht das bearbeiten der Tabelle,die Person die mir den Cod gab hat rot Makiert was ich anpassen kann und verändern kann
Soweit so gut,meine farbe rein gemacht,bilder name links und und und. Da ich ein Testforum habe das genau wie mein Hauptforum ist probierte ich es zunächst dort aus und musste feststellen das die Navigatonsleiste darunter in der Tabelle mit drine ist,noch dazu verkürzt,was jetzt nicht so schlimm sich anhört,aber genau das wollte ich nicht.

Hier mal ein Bild was ich meine


Und das ist der Code wie ich ihn bekommen habe

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
 
<center><table style="width: 1150px; border:3px; border-color: Farbcode; border-style: solid; background: Farbcode;" border="2" cellspacing="5" cellpadding="15">
<tr width="100%" style="background-color:Farbcode;">
<td width="23%" align="center"><img src="Text oder Bild-link"/></td>
<td width="23%" align="center"><img src="Text oder Bild-link"/></td>
<td width="23%" align="center"><img src="Text oder Bild-link"/></td></tr>
<tr>
<td width="25%" height="180px" align="center" style="font-family: 'Courgette'; letter-spacing:2px; font-size:8px; padding-left:7px; padding-right:7px; color:#000000; line-height:10px; text-transform: justify;"><div class="tabelle" style="height: 180px; overflow: auto;"><img src=" Bild-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";><img src=" Bild-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";>
<br/><font size="2">Name</size>
<br/><img src=" Bild2-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";><img src=" Bild2-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";>
<br/><font size="2">Name</size>
<br/><img src="Bild3-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";><img src="Bild3-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";>
<br/><font size="2">Name</size></td>
<td width="25%" height="180px" align="center" style="font-family: 'Courgette'; letter-spacing:2px; font-size:8px; padding-left:7px; padding-right:7px; color:#000000; line-height:10px; text-transform: justify;"><div class="tabelle" style="height: 180px; overflow: auto;"><font size="1">Text oder Bild-link </size></td>
<td width="25%" height="180px" align="center" style="font-family: 'Courgette'; letter-spacing:2px; font-size:8px; padding-left:7px; padding-right:7px; color:#000000; line-height:10px; text-transform: justify;"><div class="tabelle" style="height: 180px; overflow: auto;"><br/><br/>
<font size="1">Text oder Bild-link </size>
<br/><br/>
<center>
<select class="tab-links" onChange="window.location.href=this.value"><option>-- WICHTIGE LINKS --</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option></select></div>
</center>
 



Kann mir jemand helfen,wäre echt super


 Antworten

 Beitrag melden
#6
07.03.2019 15:21
avatar  Ingmar
#6 RE: Tabelle unter dem Header
avatar
Ingmar
Technik

Spontan würde ich sagen, deine Tabelle wird nicht geschlossen:

da fehlt noch
</td>
</tr>
</table>
</center>

am Ende.


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
 
<center><table style="width: 1150px; border:3px; border-color: Farbcode; border-style: solid; background: Farbcode;" border="2" cellspacing="5" cellpadding="15">
<tr width="100%" style="background-color:Farbcode;">
<td width="23%" align="center"><img src="Text oder Bild-link"/></td>
<td width="23%" align="center"><img src="Text oder Bild-link"/></td>
<td width="23%" align="center"><img src="Text oder Bild-link"/></td></tr>
<tr>
<td width="25%" height="180px" align="center" style="font-family: 'Courgette'; letter-spacing:2px; font-size:8px; padding-left:7px; padding-right:7px; color:#000000; line-height:10px; text-transform: justify;"><div class="tabelle" style="height: 180px; overflow: auto;"><img src=" Bild-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";><img src=" Bild-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";>
<br/><font size="2">Name</size>
<br/><img src=" Bild2-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";><img src=" Bild2-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";>
<br/><font size="2">Name</size>
<br/><img src="Bild3-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";><img src="Bild3-link" padding="4px 4px 4px 4px" border="1px solid #121325"; style="margin: 2px 2px 2px 2px; -moz-box-shadow: px px px #1c1d36; -webkit-box-shadow: px px px #1c1d36; box-shadow: px px px #1c1d36";>
<br/><font size="2">Name</size></td>
<td width="25%" height="180px" align="center" style="font-family: 'Courgette'; letter-spacing:2px; font-size:8px; padding-left:7px; padding-right:7px; color:#000000; line-height:10px; text-transform: justify;"><div class="tabelle" style="height: 180px; overflow: auto;"><font size="1">Text oder Bild-link </size></td>
<td width="25%" height="180px" align="center" style="font-family: 'Courgette'; letter-spacing:2px; font-size:8px; padding-left:7px; padding-right:7px; color:#000000; line-height:10px; text-transform: justify;"><div class="tabelle" style="height: 180px; overflow: auto;"><br/><br/>
<font size="1">Text oder Bild-link </size>
<br/><br/>
<center>
<select class="tab-links" onChange="window.location.href=this.value"><option>-- WICHTIGE LINKS --</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option>
<option value="Link">Name der Seite</option></select></div>
</center>
 

</td>
</tr>
</table>
</center>
 

 

Viele Grüße,
Ingmar
 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
#7
07.03.2019 15:23
avatar  Caitlin Tamaya Thropp
#7 RE: Tabelle unter dem Header
avatar
Caitlin Tamaya Thropp
Mitglied

Wow das ging schnell

Ich werd das mal ausprobieren ,dankööö


 Antworten

 Beitrag melden
#8
07.03.2019 15:24
avatar  Caitlin Tamaya Thropp
#8 RE: Tabelle unter dem Header
avatar
Caitlin Tamaya Thropp
Mitglied

DANKÖÖÖÖÖ jetzt geht es *happy ist*


 Antworten

 Beitrag melden
#9
03.04.2019 23:25
avatar  Thomas Schmidt
#9 RE: Tabelle unter dem Header
Th
Thomas Schmidt
Mitglied

Ich habe eine Vorlage von einer Tabelle etwas abgeändert und wollte fragen, ob die so richtig ist

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
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<table style="width: 820px; border: 0px; background: #141415;">
<tr width="100%" style="background-color:#141413;">
<td width="25%"><h1 style="width:100%">WELCOME BACK TO SCHOOL</h1></td> 
<td width="25%"><h1 style="width:100%">YOUR HELPING HANDS</h1></td>
<td width="25%"><h1 style="width:100%">OUR BROTHERHOOD</h1></td></tr>
<td width="25%"><h1 style="width:100%">LOOKING FOR YOU</h1></td>
 
<tr>
<td width="25%"><div class="tabelle" style="height: 180px; overflow: auto;">&#65279;In Schottland nicht ... weit von Aberdeen entfernt ... gibt es seit einigen Jahren eine Privatschule. Diese ist eine eigene kleine Welt für. Und dafür gibt es einen guten Grund. Denn sie ist nicht so alltäglich, wie es nach außen hin den Anschein hat. Hier treiben sämtliche mystischen Wesen ihr Unwesen</div>
<form name="form">
<select name="link" SIZE="1" onChange="window.location.href = document.form.link.options[document.form.link.selectedIndex].value;" style="width: 100%">
<option value="http://it-is-a-new-possibility.xobor.de/t5f31-Hausregeln.html"> HOUSE RULES</option>
<option value="http://it-is-a-new-possibility.xobor.de/f30-Bastarium.html"> CREATURES IN YOUR WOLRD</option>
<option value="http://it-is-a-new-possibility.xobor.de/f28-Die-Listen.html">HIER FINDET IHR VERGEBENE AVATARE, NAMEN & GABEN VON HEXENWESEN </option>
<option value="http://it-is-a-new-possibility.xobor.de/f49-Forengesuche.html"> FORENGESUCHE</option>
<option value="http://it-is-a-new-possibility.xobor.de/f27-Castingsofa.html"> CASTING COUCH</option>
<option selected value="#">--- WICHTIGE LINKS ---</option>
</select>
</form> </td> 
<td width="25%" height="120px" align="center" style="font-family: 'Verdana'; letter-spacing:2px; font-size:9px; padding-left:7px; padding-right:7px;  color:#bcbebe; line-height:10px; text-transform: none;">
<a href="https://img7.dreamies.de/img/46/b/kncu2sueb6e.png"><img src="images/hell/t1.png"></a> <a href="https://img21.dreamies.de/img/734/b/rqxevze547l.png"><img src="images/hell/t2.png"></a>
<br /><br />Bei Fragen und Problemen kannst du dich jederzeit an Darya und Liam wenden! Und hier ist der Ort, wo eure Fragen beantwortet werden , sollten noch vor der Bewerbung welche auftauchen
<option value="http://it-is-a-new-possibility.xobor.de/f26-Fragen-vor-der-Bewerbung.html"> GÄSTECHAT</option>
</td>
<td width="25%" align="justify"><div class="tabelle"><div style="height: 100px; overflow: auto; padding: 3px;">Hier findet ihr die Gesuche unserer Mitglieder:
<option value="http://it-is-a-new-possibility.xobor.de/t160f52-Grosser-Bruder-gesucht.html"> Cassandra vermisst ihren großen Bruder</option>
<option value="http://it-is-a-new-possibility.xobor.de/t152f52-Ihr-seid-meine-Familie-Auch-wenn-ich-euch-nicht-kenne.html"> Kian vermisst seine ihm unbekannte Familie</option>
<option value="http://it-is-a-new-possibility.xobor.de/t90f52-I-miss-my-children-gesucht-werden-Zwillinge.html"> Sebastian vermisst seine Kinder</option>
<option value="http://it-is-a-new-possibility.xobor.de/t163f54-Friends-of-the-night.html"> Layla sucht einen Freund</option>
<option value="http://it-is-a-new-possibility.xobor.de/t88f54-Stellvertreterin-Hass-Liebe.html"> Liam sucht seine Stellvertreterin, mit der ihn eine Hass-Liebe verbindet</option>
<option value="http://it-is-a-new-possibility.xobor.de/t87f54-Closest-Friend.html"> Liam sucht seinen besten Freund</option>
<option value="http://it-is-a-new-possibility.xobor.de/t153f62-Du-hast-mir-das-angetan-Und-dafuer-hasse-ich-dich.html#msg1660"> Kian sucht den Dämon, der ihn gefoltert und gebrochen hat</option>
<option value="http://it-is-a-new-possibility.xobor.de/t155f55-Kollegen-beim-Police-Department-von-Aberdeen.html"> Kian sucht seine Kollegen</option>
 
</div>
<h1>IT'S NEWS TIME</h1>
Sicher versteht ihr, dass wir euch ohne Bewerbung nicht freischalten werden. Wir freuen uns schon auf eure kreativen Bewerbungen.
</td>
<td width="25%" align="justify"><div class="tabelle" valign="top"><img src="https://img1.dreamies.de/img/979/b/i5ugem4o0ll.jpg" align="left">
Dieser Weg führt euch zu unseren Partnern:
<option value="http://it-is-a-new-possibility.xobor.de/t21f32-Unsere-Nachbarn.html"> Unsere Nachbarn</option>
 
</div>
</td>
 
</tr></table>
 
 



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
 
h1 {
 
background-color: #141413;
font-family: 'Open Sans Condensed';
text-align: center;
height: 15px;
font-size: 10px; 
font-style: italic;
color: #969696;
font-weigh: bold;
border-bottom: 2px solid #5d3029; 
border-top: 2px solid #5d3029; 
letter-spacing: 3px;
}
 
.tabelle {
 
font-family: 'Verdana'; 
letter-spacing:2px; 
font-size:9px; 
padding-left:7px; 
padding-right:7px;  
color:#bcbebe; 
line-height:10px; 
text-align: justify;
text-transform: none;
}
 



Forenlink: It's a new possibility
Foren-Nummer: 802899
Templet: Business

Aussehen soll es in etwa so
Vorlage
Ein paar Abweichungen sind gewollt


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!