1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Design Coden

  • Loui
  • 23. August 2008 um 15:57
  • Loui
    Meister(in)
    Beiträge
    234
    • 23. August 2008 um 15:57
    • #1

    HAllo Leute, ich habe mal eine fragen , und zwar:

    Ich habe mir ein design erstellt, würde das jetz gerne mit html coden,
    Ich habe auch schon versucht ein bisschen zu basteln, undn habe auch schon eine freund um hilfe gefragt. er hat gesagt ich muss doch einfahcn ucr die blider aneinandere heften. leider klappt das rigendwie nicht so..

    waäre nett wenn mir einer eine beschreibung geben könnt wie genauci hc das machen muss.

    MessageBox.Show("mfg Loui!");

  • Dodo
    Jedi Ritter
    Reaktionen
    1
    Beiträge
    3.774
    • 23. August 2008 um 16:04
    • #2

    versuch deine seite anhand des bildes in teile zu teilen.
    in kleine boxen, wie zB: content, navigation, banner, alles

    Für jeden dieser Teile machst du dann ienen <div>. So verschachtelt wie du es auf den bild siehst:

    Box in einer anderen ist:

    HTML
    <div class="aussen">
      <div class="innen">
    </div>

    Wenn sie untereinander sind:

    HTML
    <div class="aussen">
      <div class="oben"></div>
      <div class="unten"></div>
    </div>

    Wenn sie nebeneinander sind:

    HTML
    <div class="aussen">
      <div class="oben" style="float:left;width:BREITE;"></div>
      <div class="unten" style="float:left;width:BREITE;"></div>
      <br style="clear:both;" />
      <div class="unten"></div>
    </div>

    Und somit gehst du von div zu div.
    Und wichtig: um deine Seite drum rum sollte auch ein div sein

    Something big is coming. And there will be pirates and ninjas and unicorns...

Tags

  • hilfe
  • banner
  • html
  • style
  • design
  • teile
  • navigation
  • code
  • ban
  • freund
  • div
  • hand
  • width
  • boxen
  • left
  • float
  • verschachtelt
  • clear
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern