Jaysee: Rowspan - Pläne sind willkommen

SELF-Forum

Rowspan - Pläne sind willkommen

Jaysee
– Informationen zu den Bewertungsregeln

Hej ho,

ich hab ein Problemo!
Hab scho verschiedene Arten gecheckt, aber wie es scheint, bleibe ich auf dem Gebiet rowspan keine große Leuchte.

Folgendes wollte ich kreieren:

http://img132.imageshack.us/img132/2200/unbenanntnd0.jpg

Border ist das Schwarze.

Also Links eine Spalte, eine Spalte in drei Teile unterteilt, zwei weitere Spalten (unbedingt wichtig!) wieder eine Spalte in drei Teile und eine letzte Spalte. Ich könnte es natürlich auch mit einer Tabelle in der Tabelle machen (und es würde bestimmt klappen), aber so würde ich rowspan nie kapieren und es wären auch, meines erachtens, wieder paar buchstaben mehr traffic.

Vielen Dank im Vorraus!

(Kurzer aufbau reicht mir z.b.
table border=1
tr
td rowspan=3
/td
td
/td
td
/td
/tr
tr
td
etc.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Rowspan - Pläne sind willkommen

    Richard Homepage des Autors
    +1 Informationen zu den Bewertungsregeln

    Hallo Jaysee,

    http://img132.imageshack.us/img132/2200/unbenanntnd0.jpg

    Also DREI Zeilen, SECHS Spalten. Spalten #1, #3, #4 und #6 haben nur eine Zelle, die aber jeweils mit rowspan="3" ausgezeichnet werden.

    Grüße
    Richard

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

    1. Rowspan - Pläne sind willkommen (richard)

      Jaysee
      – Informationen zu den Bewertungsregeln

      Hallo Jaysee,

      http://img132.imageshack.us/img132/2200/unbenanntnd0.jpg

      Also DREI Zeilen, SECHS Spalten. Spalten #1, #3, #4 und #6 haben nur eine Zelle, die aber jeweils mit rowspan="3" ausgezeichnet werden.

      Grüße
      Richard

      Hat ich, hat ich...
      So sieht es (inzwischen) bei mir aus ... ich hab keine Ahnung wie ich das machen soll.
      Mit dem beispiel rowspan 2 müsste man z.B. ein td noch in das gleiche tr setzen, so:

      tr
      td rowspan=2 großer text /td
      td text /td
      /tr
      tr
      td text /td
      /tr

      Mein Inzwischen:

      <table width="75%" height="52%" cellspacing="0" cellpadding="0">
            <tr>
             <td rowspan="3">
              <img src="./images/m_t_l.jpg">
             </td>
             <td>
              <img src="./images/m_t_m_o.jpg">
             </td>
             <td>
              <img src="./images/m_t_m_m.jpg" id="neuigkeiten_hintergrund">
             </td>
            </tr>
            <tr>
             <td>
              <img src="./images/m_t_m_u.jpg">
             </td>
             <td rowspan="3">
              <img src="./images/m_t_r.jpg">
             </td>
            </tr>
            <tr>
             <td rowspan="3">
              <img src="./images/m_l_l.jpg">
             </td>
             <td>
              <img src="./images/m_l_m_o.jpg">
             </td>
             <td>
              <img src="./images/m_l_m_m.jpg" id="login_hintergrund">
             </td>
            </tr>
            <tr>
             <td>
              <img src="./images/m_l_m_u.jpg">
             </td>
             <td rowspan="3">
              <img src="./images/m_l_r.jpg">
             </td>
            </tr>
           </table>

      Und inzwischen weiß ich selbst nicht mehr wo die Tomaten im Salat sind :/

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Rowspan - Pläne sind willkommen (richard)

        Jaroslav Jablonski
        – Informationen zu den Bewertungsregeln

        Und inzwischen weiß ich selbst nicht mehr wo die Tomaten im Salat sind :/

        Du brauchst vmtl. keine Tabelle, zumindest lassen deine Inhaltsangaben darauf schließen. Du hast vielmehr ein etwas ausgefallenes Layout mit dem einzigen Problem, daß 100% schlecht ohne Rest durch 6 teilbar ist. Der Grundaufbau:

        <body>  
<div id="no1"></div>  
<div id="no2">  
  <h1>Div 2</h2>  
  <p>Lorem ipsum...</p>  
  <p>Lorem ipsum...</p>  
</div>  
<div id="no3"></div>  
<div id="no4"></div>  
<div id="no5"></div>  
<div id="no6"></div>  
</body>

        Und das CSS:

        body, html {  
  margin:0;  
  padding:0;  
  width:100%;  
  height:100%;  
}  
body {  
  font-family:Verdana,Arial,Helvetica,sans-serif;  
  background-color:#fff;  
  color:#000;  
  font-size:100%;  
}  
div {  
  position:absolute;  
  top:0;  
  width:16%;  
  height:100%;  
  border:1px solid blue;  
}  
#no2 {  
  margin-left:16%;  
}  
#no3 {  
  margin-left:32%;  
}  
#no4 {  
  margin-left:48%;  
}  
#no5 {  
  margin-left:64%;  
}  
#no6 {  
  margin-left:80%;  
}  
#no2 h1, #no2 p {  
  height:30%;  
  overflow:auto;  
}

        Keine Tabelle, alles CSS. Ich meine, darauf kannste aufbauen.

        ~JJ

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Rowspan - Pläne sind willkommen (richard)

          Mega
          +1 Informationen zu den Bewertungsregeln

          <body>

          <div id="no1"></div>
          <div id="no2">
            <h1>Div 2</h2>
            <p>Lorem ipsum...</p>
            <p>Lorem ipsum...</p>
          </div>
          <div id="no3"></div>
          <div id="no4"></div>
          <div id="no5"></div>
          <div id="no6"></div>
          </body>

            
Hälst du eine Div-Suppe wirklich für besser als ein Tabellenlayout?
          Beitrag melden
          +1
          Informationen zu den Bewertungsregeln

          1. Rowspan - Pläne sind willkommen (richard)

            Jaroslav Jablonski
            +1 Informationen zu den Bewertungsregeln

            <body>

            <div id="no1"></div>
            <div id="no2">
              <h1>Div 2</h2>
              <p>Lorem ipsum...</p>
              <p>Lorem ipsum...</p>
            </div>
            <div id="no3"></div>
            <div id="no4"></div>
            <div id="no5"></div>
            <div id="no6"></div>
            </body>

            
>   
> Hälst du eine Div-Suppe wirklich für besser als ein Tabellenlayout?  

1\. Was hat mein Hals damit zu tun?  
2\. Die <div>`s können auch <p>, <ul>, <hx> usw. sein, je nach Inhalt. Tabellenzellen sind`s jedenfalls nach den Angaebn vin "Jaysee" mutmaßlich nicht. Ich fasse deine Frage einfach mal als plumpe Provokation auf.
            Beitrag melden
            +1
            Informationen zu den Bewertungsregeln

            1. Rowspan - Pläne sind willkommen (richard)

              Jaysee
              – Informationen zu den Bewertungsregeln

              <body>

              <div id="no1"></div>
              <div id="no2">
                <h1>Div 2</h2>
                <p>Lorem ipsum...</p>
                <p>Lorem ipsum...</p>
              </div>
              <div id="no3"></div>
              <div id="no4"></div>
              <div id="no5"></div>
              <div id="no6"></div>
              </body>

              
> >   
> > Hälst du eine Div-Suppe wirklich für besser als ein Tabellenlayout?  
> 1. Was hat mein Hals damit zu tun?  
> 2. Die <div>`s können auch <p>, <ul>, <hx> usw. sein, je nach Inhalt. Tabellenzellen sind`s jedenfalls nach den Angaebn vin "Jaysee" mutmaßlich nicht. Ich fasse deine Frage einfach mal als plumpe Provokation auf.  
  
Ist wirklich provokant ;)  
  
Aber da ist noch was drüber über dem rowspan und auch etwas drunter (Und css bin ich keine wirklich große leuchte, das einzigste was ich damit mache sind schrifteinstellungen etc.).  
Inzwischen hab ich es aber einfach mit hilfe einer Tabelle in der Tabelle gemacht....  
  
Aber falls doch noch was rowspanmäßiges kommen sollte :)
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln