• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Verschiedene Ebenen

Status
Für weitere Antworten geschlossen.
Quaacki

Quaacki

Neues Mitglied
Hi Leute, ich muss für eine Seite ein neues Design aufssetzen.

Es soll ein Hintergrundbild geben, darauf soll Schrift und als oberste Ebene soll noch ein Bild rauf.

Damit Ihr wisst wie ich das meine Schaut euch folgenden Versuch schonmal an.

Hauptseite

Ignoriert dabei die LInks und die Bilder drumherum.

Unterstes Bild ist das gelbe... Das obere dunkle Bild soll als oberste Folie dienen und die Schrift soll darunter laufen.

Vielleicht weiß einer Rat. Ich danke schonmal im voraus :)

Ich gehe davon aus, da sich keine Meldet, dass ich den Post hier falsch angesetzt habe bzw. irgendwas fehlt.

Also, der HTML Codebereich sieht folgendermaßen aus... bisher:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
    <head>
    <title>Hauptseite</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="home.css" rel="stylesheet" type="text/css" />
        <meta name="date" content="[18.11.2007/18:00]" />
        <meta http-equiv="language" content="deutsch, de" />
        <meta name="revisit-after" content="14 days" />
        <meta name="page-topic" content="Goapartyveranstalter" />
        <meta name="audience" content="alle" />
        <meta name="keywords" content="Goa, Party, Veranstaltungen, Events, Goaraner, Leuchtstoffritter, Deko, Psytrance, Psychedelic, DJs" />
        <meta name="IDENTIFIER-URL" content="http://www.huitaka.de" />
        <meta name="description" content="Die Huitaka ist ein Projekt was 2007 gegründet wurde. Dieser Event wird im laufe der Zeit mit seinen Anhängern wachsen und regelmäßig einmal im Jahr stattfinden. Wir veranstalten aber auch andere Events neben der Huitaka." />
        <meta http-equiv="imagetoolbar" content="false" />
         
    </head>
<!-- Ä zur Sicherstellung von ANSI as UTF-8 -->
    <body>
        <div class="aussenDIV">
        <?php
        include("top.php");
        include("menue.php");
        ?>
        <div class="textblock">
            
            Rs tamen quae semper fors, frigidus hic Prolatio quo in Solamen ita pie peruro sto illis nex voco blasphemo quem nec bos idem obvio penuriosus. Do complex en siccus Bellum de scius grator ut cogo eo infero Beneficus infirmitas perfidiosus agito edulis Secuutus Illarum rhetor neco Frux consulto, lex sus spargo interdum Ligo Inhalo flagello hi Enim infrendeo. Hoc ascio pius Vestigium. Qua Ruta ora parce eu bos Laetatio, no gusto congratulor, sis praebeo admoveo periclitatus pes eia sed vis increbresco misericorditer vercundus opRs tamen quae semper fors, frigidus hic Prolatio quo in Solamen ita pie peruro sto illis nex voco blasphemo quem nec bos idem obvio penuriosus. Do complex en siccus Bellum de scius grator ut cogo eo infero Beneficus infirmitas perfidiosus agito edulis Secuutus Illarum rhetor neco Frux consulto, lex sus spargo interdum Ligo Inhalo flagello hi Enim infrendeo. Hoc ascio pius Vestigium. Qua Ruta ora parce eu bos Laetatio, no gusto congratulor, sis praebeo admoveo periclitatus pes eia sed vis increbresco misericorditer vercundus opRs tamen quae semper fors, frigidus hic Prolatio quo in Solamen ita pie peruro sto illis nex voco blasphemo quem nec bos idem obvio penuriosus. Do complex en siccus Bellum de scius grator ut cogo eo infero Beneficus infirmitas perfidiosus agito edulis Secuutus Illarum rhetor neco Frux consulto, lex sus spargo interdum Ligo Inhalo flagello hi Enim infrendeo. Hoc ascio pius Vestigium. Qua Ruta ora parce eu bos Laetatio, no gusto congratulor, sis praebeo admoveo periclitatu
            
        </div>
        </div>
    </body>
</html>
Der CSS Bereich sieht so aus:
Code: 
/*
{
    border: solid 1px red;
}
*/

html
{
    height: 100%;
}

body
{
    height: 100%;
    background-attachment: fixed;
    background-color: #8c2600;
    background-image: url(background_back.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.aussenDIV
{
    height: 100%;
    width: 100%;
    border: solid 1px red;
    background-image: url(background_front.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    z-index: 20;
    position: absolute;    
}

.textblock
{
    margin: auto;
    width: 40%;
    z-index: 10;
    position: relative;
    
}

Mfg Quaacks ^^
 
Zuletzt bearbeitet:
Ich gehe davon aus, da sich keine Meldet, dass ich den Post hier falsch angesetzt habe bzw. irgendwas fehlt.
Zum Vergrößern anklicken....
Ja, ich verstehe nur Bahnhof. Und die verlinkte Seite ist irgendwie wirr. Und ich soll irgendwas ignorieren, weiß aber nicht was, und warum es dann auf der Seite drauf ist, wenn ich es ignorieren soll. Leichter wäre es, wenn es auch gar nicht da wär.
 
Stimmt Efchen, tut mir leid...

Ignorieren sollte man es nur, weil es später drin sein sollte, aber ich wusste nicht wie schwer das ist 2 Ebenen zu basteln.

Ich hab gerade die neue Version hochgeladen und alle unnötige wegelassen :)

Ich hoffe das ist nicht so verwirrend.

Mfg Quaacks ^^
 
Und was ist jetzt Dein Problem? Auf der Seite sieht es doch genauso aus, wie Du es beschreibst. Du hast ja auch keine Frage gestellt.
Das einzige, was mir dazu einfällt ist, dass man die Schrift nicht lesen kann, wenn sie unter dem background_front.gif verschwindet.
 
Das wird ja noch alles angepasst ;) Deswegen sagte ich ja ignorieren. Genau das soll ja passieren. Die Schrift soll unter dem background_front.gif verschwinden bzw. darunter laufen :)

Nur der ignoriert trotz des attributs position den z-index und das will mir nicht in den Schädel, weil es in anderen Beispieldateien, wo ich das mit farbigen Divs versucht habe, funktioniert hat.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben