Header Bereich aufteilen


  • Helmuff
  • 1694 Aufrufe 2 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Header Bereich aufteilen

    Hallo Leute...

    wie schon heute Vormittag komm ich mal wieder nicht weiter.
    Ich bin dabei die Seite von mienem Büro zu überarbeiten.

    Ich würde gern den Header Bereich auf der Seite:

    Unbenanntes Dokument

    in mehrere Teile aufteilen und komm damit nicht weiter, am besten sechs Teile drei nebeneinander und zwei übereinander.

    1. Wie mach ich das im HTML Dokument?

    2. Wie dann anschließend im CSS Dokument?

    Ich brauch das, da ich dort mehrere einzelne Grfiken einfügen möchte da sich die Seite automatisch der Anzeigegröße anpasst...

    Gruß Helmuff

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Helmuff ()

  • ich würde das über tabellen regeln und wenn du keine größe angibst, dann wird die tabelle auch entsprechend deiner geladenen grafik skaliert.

    wenn du border="0" setzt, dann hat die tabelle keinen rahmen mehr
    (habe ich nur gemacht, damit du die tabelle siehst)

    HTML-Quellcode

    1. <table border="1">
    2. <tr>
    3. <th>Spalte 1</th>
    4. <th>Spalte 2</th>
    5. <th>Spalte 3</th>
    6. </tr>
    7. <tr>
    8. <td>Zeile 2 Spalte 1</td>
    9. <td><img src="http://www.freesoft-board.to/images/misc/vbulletin3_logo_white.gif"></td>
    10. <td>Zeile 2 Spalte 3</td>
    11. </tr>
    12. </table>
    Alles anzeigen


    und so sieht es aus, wenn Du zwei Spalten verbinden möchtest:
    (Das Zauberwort ist hier colspan)
    ...willst Du Zeilen verbinden, dann verwendest Du rowspan

    HTML-Quellcode

    1. <table border="0">
    2. <tr>
    3. <th>Spalte 1</th>
    4. <th>Spalte 2</th>
    5. <th>Spalte 3</th>
    6. </tr>
    7. <tr>
    8. <td>Zeile 2 Spalte 1</td>
    9. <td colspan="2"><img src="http://www.freesoft-board.to/images/misc/vbulletin3_logo_white.gif"></td>
    10. </tr>
    11. </table>
    Alles anzeigen

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Eichberg ()