Forum -> Liste

[Alice]

Wie? He? Was?

 

[SpiceLab]

ul / li wird atm bevorzugt würde ich sagen.

Wie? He? Was?

atm = at the moment

Liste von Abkürzungen (Netzjargon)

 

[Alice]

Achso...

Da ich den IE6/IE7 nicht mehr berücksichtige, könnte ich ja auch "display:table;" verwenden.

   <ol>
      <li>
         <div>
            <h2>Forum Title 1</h2>
         </div>
         <div class="TABLE">
            <div class="TABLE_ROW">
               <div class="TABLE_CELL"> 
                  <div class="TABLE_CELL">Sub-Forum 1 Grafik</div>
                  <div class="TABLE_CELL">Sub-Forum 1 Titel</div>
               </div>
               <div class="TABLE_CELL"> 
                  <div class="TABLE_CELL">Sub-Forum 2 Grafik</div>
                  <div class="TABLE_CELL">Sub-Forum 2 Titel</div>
               </div>
               <div class="TABLE_CELL"> 
                  <div class="TABLE_CELL">Sub-Forum 3 Grafik</div>
                  <div class="TABLE_CELL">Sub-Forum 3 Titel</div>
               </div>
               <div class="TABLE_CELL"> 
                  <div class="TABLE_CELL">Sub-Forum 4 Grafik</div>
                  <div class="TABLE_CELL">Sub-Forum 4 Titel</div>
               </div>
            </div>
            <div class="TABLE_ROW">
               <div class="TABLE_CELL"> 
                  <div class="TABLE_CELL">Sub-Forum 5 Grafik</div>
                  <div class="TABLE_CELL">Sub-Forum 5 Titel</div>
               </div>
               <div class="TABLE_CELL"> 
                  <div class="TABLE_CELL">Sub-Forum 6 Grafik</div>
                  <div class="TABLE_CELL">Sub-Forum 6 Titel</div>
               </div>
               <div class="TABLE_CELL"> 
                  <div class="TABLE_CELL">Sub-Forum 7 Grafik</div>
                  <div class="TABLE_CELL">Sub-Forum 7 Titel</div>
               </div>
               <div class="TABLE_CELL"> 
                  <div class="TABLE_CELL">Sub-Forum 8 Grafik</div>
                  <div class="TABLE_CELL">Sub-Forum 8 Titel</div>
               </div>
            </div>
         </div>
      </li>
      <li>
         ... Weitere Foren (Kategorie)
      </li>
   </ol>

Sieht jetzt etwas durcheinander aus. Aber rein vom aussehen finde ich es schöner. Die Tabellen-Zellen passen sich wunderschön an usw.

Würde etwas gegen diese Methode sprechen? Wenn ja: Was? Oder lieber bei der "klassischen" Variante bleiben?

Alternative:

   <ol>
      <li>
         <ol>
            <div>
               <h2>Forum Title 1</h2>
            </div>
            <li>
               <div> 
                  <div>Sub-Forum 1 Grafik</div>
                  <div>Sub-Forum 1 Titel</div>
               </div>
               <div> 
                  <div>Sub-Forum 2 Grafik</div>
                  <div>Sub-Forum 2 Titel</div>
               </div>
               <div> 
                  <div>Sub-Forum 3 Grafik</div>
                  <div>Sub-Forum 3 Titel</div>
               </div>
               <div> 
                  <div>Sub-Forum 4 Grafik</div>
                  <div>Sub-Forum 4 Titel</div>
               </div>
               <div> 
                  <div>Sub-Forum 5 Grafik</div>
                  <div>Sub-Forum 5 Titel</div>
               </div>
               <div> 
                  <div>Sub-Forum 6 Grafik</div>
                  <div>Sub-Forum 6 Titel</div>
               </div>
               <div> 
                  <div>Sub-Forum 7 Grafik</div>
                  <div>Sub-Forum 7 Titel</div>
               </div>
               <div> 
                  <div>Sub-Forum 8 Grafik</div>
                  <div>Sub-Forum 8 Titel</div>
               </div>
            </li>
         </ol>
      </li>
   </ol>

 

[SpiceLab]

Viele Wege führen nach Rom - die Entscheidung liegt jetzt ganz bei dir

 

[Alice]

Mein Problem ist:

   <ol>
      <li>
         <div>
            ... Foren
         </div>
      </li>
   </ol>

   <div>
      <div>
         ... Foren
      </div>
   </div>

Bei den CSS-Tabellen möchte ich auf jeden Fall bleiben.

Nur welche Struktur wäre...
a) SEO technisch
b) Programmiertechnisch
c) HTML technisch
... besser? Und vorallem: Warum?

 

[SpiceLab]

Keines dieser (fast identischen) Markups sticht hier mit einem besonderen Vor- oder Nachteil heraus.

Mach' aus der Mücke keinen Elefanten, und entscheide dich einfach für eine Variante.

Fertitsch.