|
|||
Warum werden meine Hintergrundbilder nicht angezeigt?
Hi Forum,
es ist schon etwas peinlich diese Frage zu stellen, aber ich komme nicht drumrum. Ich habe zwei Bilder in Gimp erstellt. Das eine ist ein ganz schwarzer Hintergrund namens 'black.png', das andere ein durchsichtiger Hintergrund mit unten rechts einer weißen ecke names 'transparent-white.png'. Die Bilder befinden sich im Ordner 'img' in dem root-Verzeichnis der Seite. Mein html bzw. css-Code sieht folgendermaßen aus: html Code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <link rel="stylesheet" media="all" type="text/css" href="./css/style.css" /> </head> <body> <div id="backgrnd"> </div> <div id="foregrnd"> </div> </body> </html> Code:
#backgrnd { background-image: url('../img/black.png'); background-repeat: no-repeat; position: absolute; top:0px; left:0px; z-index: 10; } #foregrnd { background-image: url('../img/transparent-white.png'); background-repeat: no-repeat; position: relative; top:-1002px; left:0px; z-index: 100; } Ich sehe inzwischen wahrscheinlich den Wald vor lauter Bäumen nicht mehr . Hoffentlich könnt ihr mir schnell weiterhelfen... |
Sponsored Links |
|
|||
Und so geht es auch:
HTML-Code:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" media="all" type="text/css" href="./css/style.css" /> </head> <body> <div id="foregrnd"> </div> </body> </html> Code:
body { background-color:black; } #foregrnd { background-image: url('../img/transparent-white.png'); background-repeat: no-repeat; background-position:top left; height: ? ; // Angabe Wert ergänzen width: ? : // Angabe Wert ergänzen }
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Danke für die schnelle Hilfe, habe jetzt die css-Datei angepasst:
Code:
* { margin: 0; padding: 0; } body { background-color: #000; } /*#backgrnd { background-image: url('../img/black.png'); background-repeat: no-repeat; position: absolute; top:0px; left:0px; z-index: 10; }*/ #foregrnd { background-image: url('../img/transparent-white.png'); background-repeat: no-repeat; background-position: top left; height:1000px; width:100%; /*z-index: 100;*/ } Danke nochmal für die Hilfe; wenn du mir die Frage aus dem Absatz hier drüber noch beantworten könntest wäre ich superfroh... |
|
|||
CSS:
Code:
* { margin: 0; padding: 0; } Wenn du den Rahmen weg haben willst, dann reicht folgendes: Code:
html, body { margin: 0; } Daher hinzugefügt zu obiger Angabe: Code:
html, body { margin: 0; height: 100%; }
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
ImageFlow: Bilder werden nicht angezeigt | crossgolfer85 | Javascript & Ajax | 6 | 22.02.2011 16:16 |
Navigationslinkhintergrund wird nicht korrekt angezeigt! | a-z | CSS | 4 | 02.07.2010 08:22 |
Fokus auf Checkbox wird nicht angezeigt | krümel | CSS | 1 | 16.03.2009 23:55 |
Text zu Groß für Box, Es soll ein Scrollbalken angezeigt werden | michi-muc | CSS | 1 | 04.02.2008 21:41 |
Hintergrundbilder werden bei CSS nicht angezeigt | WhitePalms | CSS | 6 | 03.12.2005 14:38 |