Lexi Help
Partner
www.forumieren.com

Tabelle anordnen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Tabelle anordnen

Beitrag von Traiceheart am Mo 26 Nov 2012 - 21:44

Hallo,
heutte habe ich wieder ein ähnliches Problem wie hier in dem Thread: http://hilfe.forumieren.com/t34254-tabellenverschiebung

ich möchte das diese "tabelle" nach dort wo das rote feld markiert ist verrutscht:
http://www.abload.de/img/verschieben39p6q.png

Aber so das ich dazwischen später nochmal ein Bild posten kann oder was anderes.

Ich habe die ganze zeit nochmal versucht es selbst zu hinzukriegen,aber nach fast 1 1/2 stunden bin ich ratlos.

Hier ist mein bisheriger Code:

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><div style="width:260px;font-size:10px;height:200px;overflow:auto;padding-left:10px;padding-right:10px;text-align:justify"> </div><div class="smartonglet">
<p class="outonglet">
<font color="#696969">Regeln</font></p><div class="inonglet"><a href="http://magicofwolves.ohmyforum.net/t2-chatregeln-forenregelnfaq" class="postlink">~Foren/Chatregeln~</a> <p></p>
<a href="http://magicofwolves.ohmyforum.net/t3-definition-von-caps-und-spam" class="postlink">~Definitionen~</a><p></p>
<a href="http://magicofwolves.ohmyforum.net/t9-die-planung" class="postlink">~Rollenspielregeln~</a></div>
</div><div class="smartonglet">
<p class="outonglet">
<font color="#808080">News</font></p><div class="inonglet"><a href="link" class="postlink">~...~</a><p></p>
<a href="link" class="postlink">~...~</a><p></p>
<a href="link" class="postlink">~...~</a></div>
</div><div class="smartonglet">
<p class="outonglet"><p></p>
</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>


Tja...ich hab so meine Probleme mit tabellen,war schon immer so Embarassed


Zuletzt von Traiceheart am Mo 26 Nov 2012 - 22:10 bearbeitet, insgesamt 1 mal bearbeitet

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
Chrome

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Tabelle anordnen

Beitrag von Günther am Mo 26 Nov 2012 - 21:51

Hallo,

der Code ist ja recht fehlerhaft. Sieh dir unbedingt mit einem richtigen Editor nochmal alle Tags an, dann wirst du alleinstehende auch schneller entdecken. Wink

Dein Abstand wird dadurch erzeugt:
Code:
<div style="width:260px;font-size:10px;height:200px;overflow:auto;padding-left:10px;padding-right:10px;text-align:justify"></div>
Wenn du dieses derzeit zwecklose Element entfernst, verschwindet auch der Abstand (height: 200px). Dann richtest du die rechte Zelle mit align="right" noch rechtsbündig aus und du hast dein Wunschergebnis.

Liebe Grüße
Günther

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Tabelle anordnen

Beitrag von Traiceheart am Mo 26 Nov 2012 - 22:05

awww okay den rest werde ich dann hinbekommen.

nur ich weiß noch nicht wie ich das abstelle das wenn cih zb. über "regeln" hover und das dann diese scroll leiste entsteht.

I-wie bin ich gerad viel zu müde dafür um i-was zu erkennen:sleep:


EDIT!:Raww ich doof,ich muss ja nur den Owerflow wegmachen! knock



Zuletzt von Traiceheart am Mo 26 Nov 2012 - 22:10 bearbeitet, insgesamt 1 mal bearbeitet

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
Chrome

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Tabelle anordnen

Beitrag von Günther am Mo 26 Nov 2012 - 22:09

Dann bekommst du noch einen Tipp von mir.
<div style="width:260px;font-size:10px;height:200px;overflow:auto;padding-left:10px;padding-right:10px;text-align:justify"> </div>
Wird dazu:
<div style="width: 260px; font-size: 10px; height: 200px; padding-left: 10px; padding-right: 10px; text-align: justify; overflow: hidden !important;">

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Tabelle anordnen

Beitrag von Traiceheart am Mo 26 Nov 2012 - 22:12

hmm also cih hab es jetzt so gemacht,das ich die owerflow zeile komplett gelöscht habe,also so:

<div style="width:260px;font-size:10px;height:200px;padding-left:10px;padding-right:10px;text-align:justify">

ist an sich ja das selbe prinzip.

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
Chrome

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Tabelle anordnen

Beitrag von Günther am Mo 26 Nov 2012 - 22:15

Nicht ganz. Wink Je nach Struktur und Browser kann es bei nicht definiertem overflow vorkommen, dass der Browser in bestimmten Situationen selbst eine Scrollbar hinzufügt.
Definierst du hingegen ausdrücklich, dass keine Scrollbar entstehen darf, hält sich der Browser unter allen Umständen daran. Das macht also schon einen Unterschied aus.

Aber deine Frage ist nun beantwortet und du hast auch bereits das Erledigt-Icon gesetzt. Dann wünsche ich dir nun eine gute Nacht. Smile
-done-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

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