Ergebnis 1 bis 4 von 4

Thema: Layoutprobleme mit überlagernden Grafiken

  1. #1
    Teeny
    Registriert seit
    20.06.2010
    Beiträge
    43
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Layoutprobleme mit überlagernden Grafiken

    Hallo ich habe ein kleines Problem.

    Mein Ziel ist es eine Website zu erstellen welche aus vier horizontalen streifen besteht.
    -oben.gif (Grafik 1024x129px)
    -mitte.gif (Grafik 1024x446px) hier befindet sich die Navigation, daher die Höhe.
    -inhalt.gif (Grafik 1024x1px)
    -unten.gif (Grafik 1024x105px)

    und wichtig, hier liegt auch mein Problem,
    -logo.png (Grafik 326x89px)

    Ich habe nun vor die "logo.png" im Bereich der "oben.gif" zu platzieren.
    Das gelingt mir leider nicht. Das Logo liegt immer ganz oben im Bereich der "mitte.gif".

    Was habe ich gemacht:
    HTML
    Code:
    <!-- Branding Start -->
      <h1 class="logo">ff ff ff  ff ff</h1><!-- Mittels text-indent: -9999px; ausgeblendet  -->
         <blockquote class="info">
            <p>text  text text text</p><!-- Mittels text-indent: -9999px;  ausgeblendet -->
         </blockquote>
    <!-- Branding Ende  -->
    CSS
    Code:
    /*importiert normalisierung.css*/
    @import url("norm.css");
    
    /*Seitenbreite  fixieren und Seite zentrieren*/
    body {
       position: relative;
        margin: 0 auto;         /*Aussenabstand oben & unten ist null*/
        text-align: center;
       width: 1024px;
       border: 1px solid  #cd5c5c;
       font-size: 100.01%;
       font-family: "Lucida Sans",  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
       background:  black;
       color: white;
    }
    /*_+++ Kopf Grafik +++ */
    div#oben  {
       background:url(../images/layout/oben.gif) no-repeat center top;
        position: relativ;
       width: 1024px;
       height: 129px;
    }
    /*_+++  Mittel Grafik +++ */
    div#wrapper {
        background:url(../images/xmitte.gif) repeat-y center;
       position:  relative;
       width: 1024px;
       text-align: left;
    }
    h1.logo {
        background:url(../images/layout/logo.png) no-repeat;  /*Hintergrundgrafik mit Logo*/
       text-indent: -9999px;   
        /*Der Text wird weit außerhalb des Browser Fensters angezeigt, 
        dafür wird die Hintergrundsgrafik plaziert*/
       width: 326px;
        height: 89px;
       position: relative;
       left: 680px;
    }
    Leider habe ich keine Idee wo hier mein Fehler liegt...
    Es wäre schön wenn mit jemand einen Tipp geben könnte.

    Ich habe ein abgeändertes Beispiel aus einem Buch, welches ich als Grundlage heranziehe, in meinen public Folder der Dropbox hoch geladen. Ziel ist es eben das Logo in die obere schwarze Grafik auszulagern.

    http://dl.dropbox.com/u/6915032/beispiel.zip

    MfG
    mephisto2k
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Layoutprobleme mit überlagernden Grafiken

    Statt einer Zip-Datei, die wir erst donwloaden, entpacken und dann ansehen könnten, wäre es besser, wenn du die Dateien auf einen Server schiebst, damit wir das online sehen können.

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    20.06.2010
    Beiträge
    43
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Layoutprobleme mit überlagernden Grafiken

    Das wäre einfacher, stimmt.

    Also hier der direkte Link
    Wollte nur auf Nummer sichergehen, das man auch an die Daten drankommt.

    MfG
    mephisto2k

  4. #4
    Teeny
    Themenstarter

    Registriert seit
    20.06.2010
    Beiträge
    43
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Layoutprobleme mit überlagernden Grafiken

    Hat sich erledigt.
    Beitrag kann geschlossen werden.

    Der Fehler lag in im HTML Code, hatte die Boxen falsch definiert.

    MfG
    mephisto2k

Ähnliche Themen

  1. Grafiken
    Von goldeneye im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 07.08.2008, 17:12
  2. Layoutprobleme nach Namensänderung
    Von K-United | TechniX im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.03.2008, 16:00
  3. Grafiken
    Von davidos_no.1 im Forum Computer - Internet Forum
    Antworten: 7
    Letzter Beitrag: 09.02.2008, 11:25
  4. .nif-Grafiken
    Von PC-Freak im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 20.05.2007, 22:39
  5. Box aus 4 Grafiken
    Von wurmax im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 13.08.2006, 15:07

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •