• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Tabelle

O

Odiii

Neues Mitglied
Hallo liebe html´er,

ich habe ein kleines Problem mit einer Tabelle.
Ich wollte unter der vertikalen Reihe eine 2. Reihe einfügen aber leider bekomme ich das icht so ganz hin :(

Hier erstmal der Code:

HTML: 
<br>
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="1" width="15%" style="border-collapse: collapse">
<thead>
    <tr>
       
<if condition="$vboptions[MARCO1_border]">

  <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('MARCO1_system')"><img id="collapseimg_MARCO1_system" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_MARCO1_system].gif" alt="" border="0" /></a>$vboptions[MARCO1_Forum_name]</td> 
<td class="tcat" align="center" height="15">Test</td>
<tbody id="collapseobj_MARCO1_system" style="$vbcollapse[collapseobj_MARCO1_system]">


                </if>
            
    </tr>
</thead>
<tr>
                
      <td class="alt2">
      <p align="center">
    <a  href="{$vboptions['MARCO1_Siteurl']}" target="_blank" >
    <img border="0" img title="{$vboptions['MARCO1_Siteinfo']}"  src="{$vboptions['MARCO1_Sitepic']}" width="290" height="50"></a></p></td>
      <td class="alt1">
      <p align="center">
            <p align="center">
    <a  href="{$vboptions['MARCO1_Siteurl2']}" target="_blank" >
    <img border="0" img title="{$vboptions['MARCO1_Siteinfo2']}"  src="{$vboptions['MARCO1_Sitepic2']}" width="290" height="50"></a></p></td>
      <td class="alt1">
      <p align="center">
                  <p align="center">
    <a  href="{$vboptions['MARCO1_Siteurl3']}" target="_blank" >
    <img border="0" img title="{$vboptions['MARCO1_Siteinfo3']}"  src="{$vboptions['MARCO1_Sitepic3']}" width="290" height="50"></a></p></td>
       <td class="alt1">
      <p align="center">
                 <p align="center">
    <a  href="{$vboptions['MARCO1_Siteurl4']}" target="_blank" >
    <img border="0" img title="{$vboptions['MARCO1_Siteinfo4']}"  src="{$vboptions['MARCO1_Sitepic4']}" width="290" height="50"></a></p>

</td>
       </table>
</div>
<br>
Ich habe es mit
HTML: 
<td class="tcat" colspan="4" rowspan="2" align="center" height="20">
probiert allerdings ohne Erfolg. Die 2. Die Reihe soll wie die erste komplett durch gehen.

Vielleicht weiß jemand wo es hapert und kann helfen.

Gruß
 
Um das ganze erst mal lesbar zu machen hab ich das ganze mal einrücken lassen von meinem Programm.
Was ist für eine Sprache die u zwischendirn benutzt?
Ich nehme an es hat was mit VB zu tun da es im Code erwähnt wird :P
Ich les mir meinen Beitrag mal durch mit deinem Code und editier ihn falls ich was finde :P

--------
EDIT:
Angesehen und paar Sachen entdeckt. Hab noch nie wirklich thead benutzt, aber selfhtml sagt folgendes
selfhtml.de schrieb:
Die Aufteilung einer Tabelle mittels thead, tfoot und tbody ist freiwillig. Wenn Sie kein solches Element angeben, gelten alle Zeilen der Tabelle als Tabellenkörper. Falls Sie jedoch mit den Elementen arbeiten, müssen Sie die Reihenfolge thead → tfoot → tbody beachten
Zum Vergrößern anklicken....

Du hast jedoch nur einen thead.
Desweiteren hast du nach dem thead eine Zeile (row) angefangen. Diese wird jedoch nie beendet. Du erkennst allein schon daran, wie mein Programm das eingerückt hat, das da irgend was nicht stimmt :D Schaust du am besten selbst nochmal was da fehlt :) Denn alles was geöffnet wurde muss auch wieder geschlossen werden ;)

HTML: 
<br>
<div align="center">
  <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="1" width="15%" style="border-collapse: collapse">
    <thead>
      <tr>
        <if condition="$vboptions[MARCO1_border]">
        <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('MARCO1_system')"><img id="collapseimg_MARCO1_system" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_MARCO1_system].gif" alt="" border="0" /></a>$vboptions[MARCO1_Forum_name]
        </td>
        <td class="tcat" align="center" height="15">
          Test
        </td>
        <tbody id="collapseobj_MARCO1_system" style="$vbcollapse[collapseobj_MARCO1_system]">
      </if>
      </tr>
    </thead>
    <tr>
      <td class="alt2">
        <p align="center">
          <a href="{$vboptions['MARCO1_Siteurl']}" target="_blank"><img border="0" img title="{$vboptions['MARCO1_Siteinfo']}" src="{$vboptions['MARCO1_Sitepic']}" width="290" height="50"></a>
        </p>
      </td>
      <td class="alt1">
        <p align="center">
          <p align="center">
            <a href="{$vboptions['MARCO1_Siteurl2']}" target="_blank"><img border="0" img title="{$vboptions['MARCO1_Siteinfo2']}" src="{$vboptions['MARCO1_Sitepic2']}" width="290" height="50"></a>
          </p>
          </td>
          <td class="alt1">
            <p align="center">
              <p align="center">
                <a href="{$vboptions['MARCO1_Siteurl3']}" target="_blank"><img border="0" img title="{$vboptions['MARCO1_Siteinfo3']}" src="{$vboptions['MARCO1_Sitepic3']}" width="290" height="50"></a>
              </p>
              </td>
              <td class="alt1">
                <p align="center">
                  <p align="center">
                    <a href="{$vboptions['MARCO1_Siteurl4']}" target="_blank"><img border="0" img title="{$vboptions['MARCO1_Siteinfo4']}" src="{$vboptions['MARCO1_Sitepic4']}" width="290" height="50"></a>
                  </p>
                  </td>
                </table>
                </div>
                <br>
 
Zuletzt bearbeitet:
alleine hier hast du ja schon einiges an fehler drin:
Code: 
        [COLOR=#ff0000]<if condition=[COLOR=#0000ff]"$vboptions[MARCO1_border]"[/COLOR]>[/COLOR]
        [COLOR=#008000]<a style=[COLOR=#0000ff]"float:$stylevar[right]"[/COLOR] href=[COLOR=#0000ff]"#top"[/COLOR] onclick=[COLOR=#0000ff]"return toggle_collapse('MARCO1_system')"[/COLOR]>[/COLOR][COLOR=#800080]<img id=[COLOR=#0000ff]"collapseimg_MARCO1_system"[/COLOR] src=[COLOR=#0000ff]"$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_MARCO1_system].gif"[/COLOR] alt=[COLOR=#0000ff]""[/COLOR] border=[COLOR=#0000ff]"0"[/COLOR] />[/COLOR][COLOR=#008000]</a>[/COLOR]$vboptions[MARCO1_Forum_name]
        [COLOR=#008080]</td>[/COLOR]
        [COLOR=#008080]<td class=[COLOR=#0000ff]"tcat"[/COLOR] align=[COLOR=#0000ff]"center"[/COLOR] height=[COLOR=#0000ff]"15"[/COLOR]>[/COLOR]
          Test
        [COLOR=#008080]</td>[/COLOR]
        [COLOR=#008080]<tbody id=[COLOR=#0000ff]"collapseobj_MARCO1_system"[/COLOR] style=[COLOR=#0000ff]"$vbcollapse[collapseobj_MARCO1_system]"[/COLOR]>[/COLOR]
      [COLOR=#ff0000]</if>[/COLOR]
Dort machst du ein td zu ohne vorher eines aufgemacht zu haben. Du beginnst einen tbody in einem tr mittem im thead!! Und du machst das tbody nie wieder zu...
Du solltest deinen code etwas besser struktureiren (so wie gilles). durch das einrücke jeder zeile und jeder Spalte siehst du besser wo es hängt.

Und dann können wir weiter machen ;)

EDIT:
ausserdem machst du die zweite Zeile (tr) nie wieder zu!
Und in der ersten (im thead) hast du nur 1-2 td, in der zweiten aber 4! Das kann nur zu fehlern führen. Nirgends seh ich da ein colspan...
 
Danke euch für eure Mühe ^^

Ja hat was mit vBulletin zutun. Das ist ein Add-On womit man Bannertausch praktizieren kann :D

das:
HTML: 
<td class="tcat" align="center" height="15">
          Test
        </td>



mal bitte ingorieren, da hatte ich was getestet.

Der Code passt ja, ist ja alles bugfrei nur die 2. reihe bekomm ich nicht hin.
 
Bitte schaue dir einmal den teil von selfhtml an
SELFHTML: HTML/XHTML / Tabellen / Aufbau einer Tabelle
Wenn du nur einen Tabellenteil hast brauchst du thead nicht anzuwenden sondenr einfach nur den table.
Dein ganzer Code sieht mir ein wenig zusammen gewurschtelt aus, wenn ich das mal so sagen darf :D
Eine zweite Tabellen Reihe (table-row) kriegst du mit nem tr hin. Aber dafür musst du erst mal die erste Reihe beenden um eine neue anzufangen ;) kopier dir mal den Code so wie ich ihn dir oben formatiert hab und geh auf Fehlersuche ;)
Danach können wir dir gerne weiter helfen :)

Ach. und wegen der durchgehenden Reihe. Beachte was Puccini gesagt hat:
Puccini schrieb:
ausserdem machst du die zweite Zeile (tr) nie wieder zu!
Und in der ersten (im thead) hast du nur 1-2 td, in der zweiten aber 4! Das kann nur zu fehlern führen. Nirgends seh ich da ein colspan...
Zum Vergrößern anklicken....
 
struppi schrieb:
Um das wirklich sagen zu können, solltest du deinen Code mal validieren lassen: The W3C Markup Validation Service
Dann hättest du gesehen, dass deine Aussage falsch ist.
Zum Vergrößern anklicken....

Hab ihn doch eingebaut und kann von daher sagen dass er bugfrei läuft und seinen Zweck erfüllt. Will ihn halt nur nun erweitern xD

/EDIT

Hab es nun mal mit Notepad++ geöffnet und angepasst, wobei ich auf dieses Ergebnis komme:

HTML: 
 <br>
<div align="center">
  <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="1" width="15%" style="border-collapse: collapse">
    <thead>
      <tr>
        <if condition="$vboptions[MARCO1_border]">
        <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('MARCO1_system')"><img id="collapseimg_MARCO1_system" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_MARCO1_system].gif" alt="" border="0" /></a>$vboptions[MARCO1_Forum_name]
         <tbody id="collapseobj_MARCO1_system" style="$vbcollapse[collapseobj_MARCO1_system]">
      </if>
      </tr>
    </thead>
          <td class="alt2">
        <p align="center">
          <a href="{$vboptions['MARCO1_Siteurl']}" target="_blank"><img border="0" img title="{$vboptions['MARCO1_Siteinfo']}" src="{$vboptions['MARCO1_Sitepic']}" width="290" height="50"></a>
        </p>
      </td>
      <td class="alt1">
          <p align="center">
            <a href="{$vboptions['MARCO1_Siteurl2']}" target="_blank"><img border="0" img title="{$vboptions['MARCO1_Siteinfo2']}" src="{$vboptions['MARCO1_Sitepic2']}" width="290" height="50"></a>
          </p>
          </td>
          <td class="alt1">
              <p align="center">
                <a href="{$vboptions['MARCO1_Siteurl3']}" target="_blank"><img border="0" img title="{$vboptions['MARCO1_Siteinfo3']}" src="{$vboptions['MARCO1_Sitepic3']}" width="290" height="50"></a>
              </p>
              </td>
              <td class="alt1">
                  <p align="center">
                    <a href="{$vboptions['MARCO1_Siteurl4']}" target="_blank"><img border="0" img title="{$vboptions['MARCO1_Siteinfo4']}" src="{$vboptions['MARCO1_Sitepic4']}" width="290" height="50"></a>
                  </p>
                  </td>
                </table>
                </div>
                <br>

Allerdings schauts nun nicht mehr so schön aus wie vorher, die Schrift ist außerhalb des Rahmens.

Ich lass den Code so wie er ist und teste weiter ^^ Danke euch trotzdem für eure Hilfe.
 
Zuletzt bearbeitet:
boooarrrr....

du willst uns wohl veralbern!

Wenn du den code so benutzt wie er dort ist fliegt dir die ganze tabelle um die Ohren! Wenn du das Ergebniss im IE/FF/Opera/etc vergleichst, wirst du feststellen das es jeder anders darstellen wird!

Eine Tabelle besteht immer aus folgenden TAGS:
table
tr
td /td
td /td
/tr
/table

bitte berücksichtige das und bau deinen code mal um, dann klappt auch deine erweiterung schnell und einfach!
bei dir fehlt zB das öffnende tr-tag, dann ist die verschachtelung bei dir falsch (immer noch das tbody im thead drin -.-)

wenn du es nicht hinbekommst, schick mir einfach mal deine datei, ich baus dir dann halt um
 
Odiii schrieb:
Hab ihn doch eingebaut und kann von daher sagen dass er bugfrei läuft und seinen Zweck erfüllt.
Zum Vergrößern anklicken....
Was soll diese Antwort? Hast du überhaupt angeschaut, was ich dir gezeigt habe? Da gibt es nichts zum einbauen, du sollst den Code der beim Browser ankommt (nicht dein PHP Code) validieren und dann wirst du nicht mehr sowas behaupten.
 
grundsätzlich gillt alles, was man zu html sagt auch für tabellen, man stellt erst mal eine tabelle zusammen und das layout macht man über css.

grundaufbau:
Code: 
<table>
<tr>
  <td>blabla</td>
</tr>
</table>
bring das alles erst mal in eine ordentliche form und mach dann das layout:

Code: 
<table class="tabelle">
<tr class="zeile">
  <td class="spalte">blabla</td>
</tr>
<tr class="zeile2">
  <td class="spalte">bla</td>
</tr>
</table>
deinen code kann kein mensch mehr lesen und glaub mir, ich bin tabellen fit...:mrgreen:
 
so schaut das mit den "alten" code aus:



Und wenn ich die Tags nun so bearbeite wie es sich eigentlich gehört dann ist z.b. die Schrift Special Partner außerhalb der Box oder der Hintergrund stimmt nicht mehr etc.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben