Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» Das Plauderforum ist zurück!
von Eto Gestern um 17:59

» Style-Wechsel funktioniert nicht mehr
von Miho Gestern um 11:05

» Profil in beiträgen nur im blog deaktivieren.
von Skouliki Gestern um 10:16

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

Tabellenverschiebung

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Tabellenverschiebung

Beitrag von Traiceheart Do 15 Nov 2012 - 17:09

Hallo!

in meiner Tab Tabelle habe ich schon seid einer stunde versucht die untere Team tabelle nach oben zu bekommen,also ich meine das so:
http://www.abload.de/img/tabellenverschiebungyyofi.png


Nur leider bekomme ich das nicht hin,ich haber es von mit <nobr> versucht aber nichts hat i-wie geklappt.

Ich habe jetzt mal den Code wieder "gereinigt" um ihn euch mal zu zeigen:

Code:
<div id="co_1" class="mon_contenu">

<table border="0">
  <tr>
    <td><p><h1><u>Gründung</u></h1></p>

<h3>28.10.11</h3>
<p><h1><u>Eröffnung(Vom neuem Forum!)</u></h1></p>

<h3>01.11.12</h3>
<p><h1><u>Rollenspiel-Start</u></h1></p>

<h3>00.00.00</h3></td>
    <td>...</td>
  </tr>
</table></div>
                <div id="co_2" class="mon_contenu" style="display: none;"><table border="5">
  <tr>
    <th><img src="http://www.abload.de/img/traicebutton00rlz.png"></th>
    <th><img src="http://www.abload.de/img/suszuributtono6oc2.png"></th>
  </tr>
  <tr>
    <td><span style="color:white"><h1><u>Forenmama</u></h1></span>
<p><span style="color:white">-Codiererin</span></p>
<p><span style="color:white">-Forendesingerin</span></p></td>
    <td><span style="color:white"><h1><u>2.Administratorin</u></h1></span>
<p><span style="color:white">-Forendesingerin</span></p>
<p><span style="color:white">-Forenpolizei</span></p></td>
  </tr>
<table border="5">
  <tr>
    <th><img src="http://www.abload.de/img/mayroonbuttoni9rd5.png"></th>
    <th><img src="http://www.abload.de/img/schattentanzbuttonhfrqm.png"></th>
  </tr>
  <tr>
    <td><span style="color:white"><h1><u>1.Co-Admina</u></h1></span>
<p><span style="color:white">-Co-Admin Leiterin</span></p>
<p><span style="color:white">-Gesetzeswächterin</span></p></td>
    <td><span style="color:white"><h1><u>2.Co-Admina</u></h1></span>
<p><span style="color:white">-Gesetzeswächterin</span></p>
<p><span style="color:white">-Rechte Pfote</span></p></td>
  </tr>
</table></div>

Könnt ihr mir weiterhelfen?


Zuletzt von Traiceheart am Do 15 Nov 2012 - 18:15 bearbeitet; insgesamt 1-mal bearbeitet
Traiceheart
Traiceheart
Meister
Meister

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Google Chrome phpBB2

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Günther Do 15 Nov 2012 - 17:23

Hallo,

zuerst mal hast du ein abschließendes Table-Tag vergessen. Wink
<table border="5">
<tr>
<th><img src="http://www.abload.de/img/traicebutton00rlz.png"></th>
<th><img src="http://www.abload.de/img/suszuributtono6oc2.png"></th>
</tr>
<tr>
<td><span style="color:white"><h1><u>Forenmama</u></h1></span>
<p><span style="color:white">-Codiererin</span></p>
<p><span style="color:white">-Forendesingerin</span></p></td>
<td><span style="color:white"><h1><u>2.Administratorin</u></h1></span>
<p><span style="color:white">-Forendesingerin</span></p>
<p><span style="color:white">-Forenpolizei</span></p></td>
</tr></table>
<table border="5">
<tr>
<th><img src="http://www.abload.de/img/mayroonbuttoni9rd5.png"></th>
<th><img src="http://www.abload.de/img/schattentanzbuttonhfrqm.png"></th>
</tr>
<tr>
<td><span style="color:white"><h1><u>1.Co-Admina</u></h1></span>
<p><span style="color:white">-Co-Admin Leiterin</span></p>
<p><span style="color:white">-Gesetzeswächterin</span></p></td>
<td><span style="color:white"><h1><u>2.Co-Admina</u></h1></span>
<p><span style="color:white">-Gesetzeswächterin</span></p>
<p><span style="color:white">-Rechte Pfote</span></p></td>
</tr>
</table>
Dann musst du wissen, dass Tabellen Blockelemente darstellen. D.h. dass die zweite Tabelle normalerweise immer unter der ersten als eigene Box angezeigt wird. Möchtest du das umgehen, ist eine gebräuchliche und sehr einfache Methode, die beiden Tabellen wiederum gemeinsam in einer Tabelle anzuordnen. Smile
Ich habe dir das mal umgesetzt, auch das align-Attribut für den gewünschten Abstand eingesetzt:
Code:
<table width="100%"><tr><td>
<table border="5">
      <tr>
        <th><img src="http://www.abload.de/img/traicebutton00rlz.png"></th>
        <th><img src="http://www.abload.de/img/suszuributtono6oc2.png"></th>
      </tr>
      <tr>
        <td><span style="color:white"><h1><u>Forenmama</u></h1></span>
    <p><span style="color:white">-Codiererin</span></p>
    <p><span style="color:white">-Forendesingerin</span></p></td>
        <td><span style="color:white"><h1><u>2.Administratorin</u></h1></span>
    <p><span style="color:white">-Forendesingerin</span></p>
    <p><span style="color:white">-Forenpolizei</span></p></td>
      </tr></table>
      </td><td align="right">
    <table border="5">
      <tr>
        <th><img src="http://www.abload.de/img/mayroonbuttoni9rd5.png"></th>
        <th><img src="http://www.abload.de/img/schattentanzbuttonhfrqm.png"></th>
      </tr>
      <tr>
        <td><span style="color:white"><h1><u>1.Co-Admina</u></h1></span>
    <p><span style="color:white">-Co-Admin Leiterin</span></p>
    <p><span style="color:white">-Gesetzeswächterin</span></p></td>
        <td><span style="color:white"><h1><u>2.Co-Admina</u></h1></span>
    <p><span style="color:white">-Gesetzeswächterin</span></p>
    <p><span style="color:white">-Rechte Pfote</span></p></td>
      </tr>
    </table>
    </td></tr></table>
Das trifft dann deine vorgestellte Anzeige. Natürlich könntest du das alles noch eleganter coden, aber ich denke, damit kannst du schon mal arbeiten.

Übrigens ist das nobr-Element kein HTML-Standard, nur beim Umbruch von Texten wirksam, sollte aber auch dort durch CSS ersetzt werden.

Liebe Grüße
Günther
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Traiceheart Do 15 Nov 2012 - 17:32

Jetzt ist es zwar so wie ich es haben will aber die Tabelle wird in jedem Tab angezeigt,also nicht nur im Team sondern auch bei den anderen beiden. scratch
Traiceheart
Traiceheart
Meister
Meister

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Google Chrome phpBB2

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Günther Do 15 Nov 2012 - 17:35

Dann hast du noch weitere Fehler im Code. Wenn du sie selbst nicht findest, kannst du hier gerne mal den gesamten Inhalt der Startseitennachricht zwischen den code-Tags posten.
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Traiceheart Do 15 Nov 2012 - 17:37

Okay,also ich habe nichts gefunden.
Vllt. findest du ja was:

Code:
<div style="margin:auto;text-align:center;width:79%"><div id="mes_onglets">
            <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/informationen2fsmv.png"></li>
                    <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/team6cs3m.png"></li>
                    <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/rollenspielcys40.png"></li>
                    <div class="clear"><div id="mes_contenus">
                <div id="co_1" class="mon_contenu">

<table border="0">
  <tr>
    <td><p><h1><u>Gründung</u></h1></p>

<h3>28.10.11</h3>
<p><h1><u>Eröffnung(Vom neuem Forum!)</u></h1></p>

<h3>01.11.12</h3>
<p><h1><u>Rollenspiel-Start</u></h1></p>

<h3>00.00.00</h3></td>
    <td>...</td>
  </tr>
</table></div>
              <table width="100%"><tr><td>
<table border="5">
      <tr>
        <th><img src="http://www.abload.de/img/traicebutton00rlz.png"></th>
        <th><img src="http://www.abload.de/img/suszuributtono6oc2.png"></th>
      </tr>
      <tr>
        <td><span style="color:white"><h1><u>Forenmama</u></h1></span>
    <p><span style="color:white">-Codiererin</span></p>
    <p><span style="color:white">-Forendesingerin</span></p></td>
        <td><span style="color:white"><h1><u>2.Administratorin</u></h1></span>
    <p><span style="color:white">-Forendesingerin</span></p>
    <p><span style="color:white">-Forenpolizei</span></p></td>
      </tr></table>
      </td><td align="right">
    <table border="5">
      <tr>
        <th><img src="http://www.abload.de/img/mayroonbuttoni9rd5.png"></th>
        <th><img src="http://www.abload.de/img/schattentanzbuttonhfrqm.png"></th>
      </tr>
      <tr>
        <td><span style="color:white"><h1><u>1.Co-Admina</u></h1></span>
    <p><span style="color:white">-Co-Admin Leiterin</span></p>
    <p><span style="color:white">-Gesetzeswächterin</span></p></td>
        <td><span style="color:white"><h1><u>2.Co-Admina</u></h1></span>
    <p><span style="color:white">-Gesetzeswächterin</span></p>
    <p><span style="color:white">-Rechte Pfote</span></p></td>
      </tr>
    </table>
    </td></tr></table></div>
                <div id="co_3" class="mon_contenu" style="display: none;">Das ist der Text des dritten Fensters.</div>
</div></div></ul></div></div>
Traiceheart
Traiceheart
Meister
Meister

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Google Chrome phpBB2

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Günther Do 15 Nov 2012 - 17:47

Da hattest du aber größere Fehler drin...

Ich habe sie dir mal ausgebessert:
Code:
<div id="mes_onglets">
            <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/informationen2fsmv.png"></li>
                    <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/team6cs3m.png"></li>
                    <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/rollenspielcys40.png"></li>
                    <div class="clear"><div id="mes_contenus">
                <div id="co_1" class="mon_contenu"><table border="0">
      <tr>
        <td><p><h1><u>Gründung</u></h1></p>

    <h3>28.10.11</h3>
    <p><h1><u>Eröffnung(Vom neuem Forum!)</u></h1></p>

    <h3>01.11.12</h3>
    <p><h1><u>Rollenspiel-Start</u></h1></p>

    <h3>00.00.00</h3></td>
        <td>...</td>
      </tr>
    </table></div>
                <div id="co_2" class="mon_contenu" style="display: none;"><table width="100%"><tr><td>
    <table border="5">
          <tr>
            <th><img src="http://www.abload.de/img/traicebutton00rlz.png"></th>
            <th><img src="http://www.abload.de/img/suszuributtono6oc2.png"></th>
          </tr>
          <tr>
            <td><span style="color:white"><h1><u>Forenmama</u></h1></span>
        <p><span style="color:white">-Codiererin</span></p>
        <p><span style="color:white">-Forendesingerin</span></p></td>
            <td><span style="color:white"><h1><u>2.Administratorin</u></h1></span>
        <p><span style="color:white">-Forendesingerin</span></p>
        <p><span style="color:white">-Forenpolizei</span></p></td>
          </tr></table>
          </td><td align="right">
        <table border="5">
          <tr>
            <th><img src="http://www.abload.de/img/mayroonbuttoni9rd5.png"></th>
            <th><img src="http://www.abload.de/img/schattentanzbuttonhfrqm.png"></th>
          </tr>
          <tr>
            <td><span style="color:white"><h1><u>1.Co-Admina</u></h1></span>
        <p><span style="color:white">-Co-Admin Leiterin</span></p>
        <p><span style="color:white">-Gesetzeswächterin</span></p></td>
            <td><span style="color:white"><h1><u>2.Co-Admina</u></h1></span>
        <p><span style="color:white">-Gesetzeswächterin</span></p>
        <p><span style="color:white">-Rechte Pfote</span></p></td>
          </tr>
        </table>
        </td></tr></table></div>
                <div id="co_3" class="mon_contenu" style="display: none;">Das ist der Text des dritten Fensters.</div>
            </div></div></ul></div>
Sieh dir die Codes mal im Vergleich an und du siehst sicher, was ich gemacht habe.
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Traiceheart Do 15 Nov 2012 - 17:58

Also ich verstehe was du verändert hast,nur mir sind jetzt wiederum 2 Sachen aufgefallen:

1.Du hast ein '>' zuviel gemacht cyclops
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">><img src="http://www.abload.de/img/informationen2fsmv.png"></li>
[...]


und 2.Jetzt ist es aber so wie vorher mit diesem Großen Rand. Sad
Traiceheart
Traiceheart
Meister
Meister

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Google Chrome phpBB2

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Günther Do 15 Nov 2012 - 18:07

Traiceheart schrieb:1.Du hast ein '>' zuviel gemacht
Ich sehe das in meinem Code nicht.

Traiceheart schrieb:und 2.Jetzt ist es aber so wie vorher mit diesem Großen Rand. Sad
Ich dachte mir fast schon, dass du daran nicht selbst Hand anlegst. Du hast doch selbst zuvor diesen Tag um das gesamte Element gesetzt, damit die Breite reguliert wird:
Code:
<div style="margin:auto;text-align:center;width:79%">
Ich habe dir nur die Tab-Tabelle ausgebessert - solche weiteren Tags musst du dir schon noch selbst dazusetzen. Wink
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Traiceheart Do 15 Nov 2012 - 18:15

Hehe sry das war jetzt mein fehler,hab mir so genau den code noch nicht angesehen,dachte zu anfang du hättest ihn drinne gelassen Embarassed

Naja okay,jetzt ist alles wieder tip top C:

Vielen Vielen Dank Günther!!!!!! Rose Freunde
Traiceheart
Traiceheart
Meister
Meister

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
keine
Google Chrome phpBB2

Nach oben Nach unten

Erledigt Re: Tabellenverschiebung

Beitrag von Günther Do 15 Nov 2012 - 18:16

Kein Problem. Wink

Freut mich, dass ich dir helfen konnte. Bitteschön. Smile
-done-
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten