Hintergrund bei Layer funktioniert nicht
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aufrufen
background
beitrag
besitzer
body
configuration
datei
dokument
einstellung
eintrag
fragen
gerade gesehen
hintergrund
hintergrundbild
image
lag
navigation
page
quelltext
style
-
Hallo, ich habe folgenden Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <style> #Layer1 { position:absolute; width:622px; height:135px; z-index:1; left: 50%; top: 14px; margin: 0 -350px; } .navigation { font-family: "Kristen ITC"; font-size: 23px; color: #FFFFFF; display: inline; font-weight: bolder; } .navigation:hover { font-family: "Kristen ITC"; font-size: 23px; color: #D0D2C1; display: inline; font-weight: bolder; } #Layer2 { position:absolute; width:622px; height:34px; z-index:2; left: 50%; top: 150px; margin: 0 -350px; background-image: url(/header/header_layer.jpg.jpg); } #Layer3 { position:absolute; width:622px; height:269px; z-index:3; left: 50%; top: 182px; margin: 0 -350px; background-image: url(/header/header_layer.jpg); } #Layer4 { position:absolute; width:622px; height:38px; z-index:4; left: 50%; top: 452px; margin: 0 -350px; background-image: url(/header/header_layer.jpg); } body { background-color: #FFFFFF; background-image: url(/header/header_layer.jpg); background-image: url(header/header_layer.jpg); } body,td,th { font-family: Kristen ITC; } a:link { color: #FFFFFF; text-decoration: none; } a:visited { text-decoration: none; color: #CCCCCC; } a:hover { text-decoration: none; color: #CCCCCC; } a:active { text-decoration: none; color: #CCCCCC; } .Stil1 {font-size: 10px} </style> <head> <title>moritzpeuser.de - my h0me</title> <link href="file:///H|/Dokumente und Einstellungen/Besitzer/Anwendungsdaten/Macromedia/Dreamweaver 8/Configuration/ServerConnections/Lima-City/html/moritzpeuser/template/css/style.css" rel="stylesheet" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div id="Layer1"> <img src="http://moritzpeuser.lima-city.de/moritzpeuser/header/header.png" width="622" height="135"></div> <div id="Layer2"><span class="navigation"><a href="http://moritzpeuser.lima-city.de/moritzpeuser/index.php">start</a></span> <span class="navigation"><a href="http://moritzpeuser.lima-city.de/moritzpeuser/index.php?page=ich">ich</a></span> <span class="navigation"><a href="http://moritzpeuser.lima-city.de/moritzpeuser/index.php?page=projekte">projekte</a></span> <span class="navigation"><a href="http://moritzpeuser.lima-city.de/moritzpeuser/index.php?page=sonstiges">sonstiges</a> <a href="http://moritzpeuser.lima-city.de/moritzpeuser/index.php?page=spielewiese">spielewiese</a> <a href="http://moritzpeuser.lima-city.de/moritzpeuser/index.php?page=impressum">impressum</a> </span></div> <div id="Layer3"><?php $page = $_GET['page']; if (file_exists($page.'.php')) { include($page.'.php'); } else { include('404.php'); }?></div> </body> </html>
Allerdings, wenn ich die Seite aufrufe, wird bei mir der Hintergrund der Layer nicht angezeigt.
Beispiel: http://moritzpeu.mo.funpic.de/index_beta.php
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Erst mal die Frage:
Gibt es die Datei header/header_layer.jpg.jpg (in Layer2)
Ansonsten schreib doch mal url(header/header_layer.jpg.jpg);
statt url(/header/header_layer.jpg.jpg);
-
Die Datei gibt es... Im übrigen heißt die Datei nur header_layer.jpg ... Deine Tipps habe ich schon ausprobiert... Weiß noch jemand vielleicht, was da falsch sein könnte?
-
was soll denn da für ein Hintergrundbild zu sehen sein?
Wenn ich mir den Quelltext der Seite http://moritzpeu.mo.funpic.de/index_beta.php anschaue, werden da 2x css styles definiert, villeicht liegts daran
Beitrag geaendert: 19.1.2007 21:03:34 von korbiw -
Dieses Hier: http://moritzpeuser.lima-city.de/moritzpeuser/header/header_layer.jpg
-
Stimmt. Das habe ich auch gerade gesehen... Aber im normalem Quellcode, den ich oben gepostet habe, ist das nicht enthalten...
-
body {
background-color: #FFFFFF;
background-image: url(file:///H|/Dokumente und Einstellungen/Besitzer/Anwendungsdaten/Macromedia/Dreamweaver 8/Configuration/ServerConnections/Lima-City/html/moritzpeuser/header/header_layer.jpg);
background-image: url(header/header_layer.jpg);
}
Wenn ich mir das so anschaue, kann da was nicht richtig sein. Änder das mal, sonst wird dat nix! -
Also dass mit 2x css hab ich ja oben in meinem Eintrag scho geschrieben.
Bei mir schaut die Seite so aus http://korbiw.lima-city.de/temp/Zwischenablage01.jpg
was passt dir da nicht?
Ich habe 3 Layer definiert. Der 1. ist voll mit dem Header abgedeckt. Das ist der Hintergrund egal... Der 2. ist die Navigation und in den dritten wird der Content includet... Ich möchte, dass die drei Layer ein anderes Hintergrundbild, als der Seitenhintergrund haben.
Ohjee, Sorry Mods, Doppelpost...
¤dit: OK Leute, hat sich erledigt... Es lag an der includeten Seite. So gehts: http://moritzpeu.mo.funpic.de/index_beta.php?page=nix
Beitrag geaendert: 19.1.2007 21:17:36 von moritzpeuser -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage