ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS- Ebenen Positionierungs Frage

Geschlossen
  1. #1
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    Hi,

    ich hab angefangen mich mit html und css zu beschäftigen.
    habe hier ein bild das ich als background benutzen will, das soll 1x angezeigt werden, also nicht gezerrt oder wiederholt oder so, es soll einfach 1x da sein in normaler größe und da will ich dann die page drüber legen, also content, menü usw.
    das ganze will ich mit css positionieren, habs jetz soweit geschaft, das bild anzuzeigen und mit css zu positionieren.
    jetz hab ihc mal nen bissl text dazu gemcht, allerdings wird mir der unter dem bild angezeigt :/

    hier mal der code für die html datei:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <title>Terrorbongcrew</title>
      <link href="style.css" rel=stylesheet type="text/css" title="style">
      </head>
      <body bgcolor="#616F58" text="white">
      
      
        <img src="bg.jpg" style="position:absolute; top:10px; left:10px; z-index:0" />
        
        
        <div class="smenu">
           Main Navi <br />
           Clan Navi <br />
           Community <br />
           Other <br />
        </div>
    </body>
    </html>


    Hier der code der CSS-Datei:

    div.smenu
      {
          z-index: 1;
      }


    kann mir einer sagen woran das liegt?
    hier noch die url wie das ganze dann aussieht:
    externer Link

    wenn man oben links hinschaut sieht man, dass der text darunter angezeigt wird, wie bekomm ichs hin dass er über dem bild liegt? das z-index sollte das doch eig. bewirken oder?

    und ausserdem sollte der text doch sowieso drüber liegen, weil er nach dem bild im code drin is, oder!?


    Gruß
    Frostball

    betroffene Homepage: frostball.fr.ohost.de/tbc/1280/


    Zuletzt modifiziert von Frostball am 06.12.2008 - 12:49:27
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    ok habs allein hinbekommen lächeln
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beiträge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    deine htm datei muss so aussehen und wenn du schon css benutzt machs die body sachen doch mit css
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <title>Terrorbongcrew</title>
      <link href="style.css" rel=stylesheet type="text/css" title="style">
      </head>
      <body>
          <div class="smenu">
           Main Navi <br />
           Clan Navi <br />
           Community <br />
           Other <br />
        </div>
    </body>
    </html>


    und deine css so
    body
    {
        background-color: #616F58;
        color: white;
    }
    div.smenu
    {
         background-image: url('Phad des Bild');
         background-repeat: no-repeat;
    }


    die text abstände usw musste dir noch selber einstellen

    EDIT: Ok habs erst jetzt gesehen aber villeicht hilft es dir ein anderemal weiter


    Zuletzt modifiziert von -GoA][-Sniper am 06.12.2008 - 13:14:36
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    hm... das bringt mich dem ganzen schon etws näher^^

    allerdings will ich dass das bild in einem anderen container is als dem smenu container^^

    und sobald ich das in nen anderen container tu, wird mir der text aber leider dadrunter angezeigt (jetzt auf einmal, nicht mehr in der ebene unter dem bild, sonern unter dem bild, also pixel mäßig, hoffe ihr versteht was ich meine^^) ich lads mal hoch, hier die url:

    frostball.fr.ohost.de/tbc/1280
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    JumpFrog Mitglied
    Registriert seit
    30.11.2008
    Beiträge
    44
    Beitragswertungen
    0 Beitragspunkte
    Ich kann dir nicht ganz folgen. Aber versuch doch mal das Bild zu "zerschneiden" sprich das du das bild einteilst in den Menuebereich,Contentbereich,... und dann brauchst du nur den Teil vom Bild den du für das Menü willst zu nehmen und mit Css als Hintergrund Deklarieren. Das selbe mit dem Content bereich.

    LG JumpFrog
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Frostball Mitglied
    Registriert seit
    07.09.2008
    Beiträge
    229
    Beitragswertungen
    0 Beitragspunkte
    ah cool ich habs hinbekommen, mit position:absolute lächeln

    dachte das geht nur wenn ichs direkt ins tag schreib mit style, aber da hab ich mich wohl getäuscht xD


    also danke für deine hilfe, hat mich ein gutes stück weiter gebracht lächeln
    externer Link | stark editiertes Jetixblue Design
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten