Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Tabellen Formation (width & colspan)

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] Tabellen Formation (width & colspan)

    Guten Morgen Zusammen,

    ich möchte eine Tabelle haben mit 4 Zeilen, in diesen 4 Zeilen soll die erste und zweite Zeile die ganze breite des Browsers einnehmen, also width="100%".

    Das Funktioniert, danach die Zeile soll in 2 Spalten auf geteilt werden, die erste spalte soll 200 breit sein (width="200") und die zweite spalte sollte den rest einnehmen bis zum browserrand. Dies Funktioniert ebenfalls.

    Jedoch soll die nächste Zeile auch 2 Spalten haben und beide zusammen sollen die gesamte browser breite einnehmen, aber die erste Spalte sollte nicht 200 sonder 400 breit sein, wenn ich es versuche schaffe ich es immer nur das die letzten beiden zeilen/spalten gleich lang/breit sind.

    Ich habe sonst imemr zwei Tabellen daraus gemacht, aber es geht doch bestimmt anders oder?

    Mein HTML Code:

    Code:
    <table border ="5" width="100%">
     <tr>
      <td align="left" valign="middle" colspan="2"><font size="4">TEXT</font></td>
     </tr>
     <tr>
      <td align="left" valign="middle" colspan="2"><hr></td>
     </tr>
     <tr>
      <td align="left" valign="middle" width="200">TEXT</td>
      <td align="left" valign="middle">TEXT</td>
     </tr>
     <tr>
      <td align="left" valign="middle" width="400">TEXT</td>
      <td align="left" valign="middle">TEXT</td>
     </tr>
    </table>
    Dann sieht das ergebnis so aus.

    Ich möchte es aber so haben.

    Gruß Alecane

  • #2
    Hmm, mal sowas in der art probiert? Vielleicht gibts noch ne elegantere Lösung, aber das wäre halt meine spontane idee, ohne es getestet zu haben, da ich gerade nicht am heimischen rechner sitze... ^^
    Code:
    <table border ="5" width="100%">
     <tr>
      <td align="left" valign="middle" colspan="3"><font size="4">TEXT</font></td>
     </tr>
     <tr>
      <td align="left" valign="middle" colspan="3"><hr></td>
     </tr>
     <tr>
      <td align="left" valign="middle" width="200">TEXT</td>
      <td align="left" valign="middle" colspan="2">TEXT</td>
     </tr>
     <tr>
      <td align="left" valign="middle" width="400" colspan="2">TEXT</td>
      <td align="left" valign="middle">TEXT</td>
     </tr>
    </table>

    Kommentar


    • #3
      ich habe es gerade getestet, nein leider erfolglos.

      Kommentar


      • #4
        Okay...Nachdem mir aufgefallen ist, dass ich für reines html ja garkeinen Apache brauche hab ich nochmal rumprobiert...
        Das ist ne ziemliche quick & Dirty Lösung, aber so funktioniert es bei mir zumindest aufm Firefox...
        Aber bestimmt hat einer der Cracks hier noch ne elegantere Lösung *g*

        Code:
        <table border ="5" width="100%">
         <tr>
          <td align="left" valign="middle" colspan="3"><font size="4">TEXT</font></td>
         </tr>
         <tr>
          <td align="left" valign="middle" colspan="3"><hr></td>
         </tr>
         <tr>
          <td align="left" valign="middle" width="200"></td>
          <td align="left" valign="middle" width="200"></td>
          <td align="left" valign="middle"></td>
         </tr>
         <tr>
          <td align="left" valign="middle">TEXT</td>
          <td align="left" valign="middle" colspan="2">TEXT</td>
         </tr>
         <tr>
          <td align="left" valign="middle" colspan="2">TEXT</td>
          <td align="left" valign="middle">TEXT</td>
         </tr>
        </table>

        Kommentar


        • #5
          PHP-Code:
          <table border ="5" width="100%">
           <
          tr>
            <
          td align="left" valign="middle" colspan="3"><font size="4">TEXT</font></td>
           </
          tr>
           <
          tr>
            <
          td align="left" valign="middle" colspan="3"><hr></td>
           </
          tr>
           <
          tr>
            <
          td align="left" valign="middle" width="20%">TEXT</td>
            <
          td align="left" valign="middle" colspan="2">TEXT</td>
           </
          tr>
           <
          tr>
            <
          td align="left" valign="middle" width="40%" colspan="2">TEXT</td>
            <
          td align="left" valign="middle">TEXT</td>
           </
          tr>
          </
          table
          Elegant ist das aber auch nicht!
          while (!asleep()) sheep++;

          Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

          Kommentar


          • #6
            Ich danke euch, es funktioniert wenigens. Falls einer eine elegantere lösung hat, werde ich diese aber auch gerne probieren.

            Gruß Alecane

            Kommentar


            • #7
              Zum Original-Problem: Das geht nicht... die breiteste Spalte bestimmt, wie breit die Spalte in allen anderen Zeilen wird.
              Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

              Kommentar


              • #8
                Ja ich merke schon, gar nicht so einfach. Ich werde einfach wie gewohnt mehrere Tabellen machen, wenn es nötig ist, aber ich danke euch

                Kommentar

                Lädt...
                X