[CSS] no repeat funktioniert nicht
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
befehl
code
copyright
dank
datei
editor
fehler
hintergrundbild
http
image
inhalt
kleinigkeit
navigation
nerven
phase
url
ursache
weiteren inhalten
wiederholen
-
Hi.
Also ich habe jetzt die Nerven verloren die Ursache dafür zu suchen und ihr müsst mir dabei jetzt mal bitte helfen..
Ich bin mit css noch nich lange dabei und bin mittlerweile was html angeht auch schon etwas eingerostet.
Wollte jetzt halt mal für einen Freund eine Homepage machen und diesesmal ohne framesets, da man ja überall nur davon abrät.
Ich habe die Seite mal temporär hochgeladen.
Der css Code befindet sich (noch) nicht in einer seperaten Datei - liegt es vielleicht dadran?
Das Problem:
im
<div class="inhalt_inhalt"> Inhalt </div>
soll sich das Hintergrundbild nicht wiederholen.
auch in allen anderen nicht (was sie aber dennoch machen, man siehts nur nicht weil die height angaben nicht größer sind als das Bild selbst, welches im Inhalt Dingens aber der Fall ist allein schon wegen weiteren Inhalten wie News Gästebuch usw die mal dazu kommen würden..)
<html> <head> <title>Bla</title> </head> <style type="text/css"> <!-- body { background-color: #000000; scrollbar-face-color: #212121; scrollbar-highlight-color: #404040; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #616161; scrollbar-arrow-color: #A1A1A1; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000; text-align: center; font-size: 11px; font-family: Arial; } #top { border: 1px solid #BBBBBB; width:982px; margin: 100px auto; text-align: left; color: #BBBBBB; background-color: #000000; } #head { background-image:url(images/logo.png); background-repeat:no repeat; border: 0px solid #000000; height:100px; margin: 0px; } .navi_top { background-image:url(images/logo2.png); background-repeat:no repeat; height: 28px; width: 982px; float: top; border: 1px solid #bbbbbb; padding: 5px; } .inhalt_inhalt { width: 982px; height: 400px; background-color: #000000; background-image:url(images/logo3.png); background-repeat:no repeat; float: center; border: 0px solid #bbbbbb; padding: 10px; } #clinks { width: 982px; height: 10px; float: bottom; border: 1px solid #000000; padding: 7px; text-align: center; } --> </style> <body ndragstart="return false" onselectstart="return false" oncontextmenu="return false" topmargin="20" leftmargin="100" rightmargin="100"> <div id="top"> <div id="head"> </div> <div id="inhalt"> <div class="navi_top"> Navigation </div> <div class="inhalt_inhalt"> Inhalt </div> </div> <div id="clinks"> Copyright © </div> </div> </body> </html>
http://www.nicko.lima-city.de/site
danke für die Hilfe... -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Und wenn Du noch Tipparbeit sparen willst, schreibst Du demnächst statt
background-color: #000000; background-image:url(images/logo3.png); background-repeat:no-repeat;
einfach
background: #000000 url(images/logo3.png) no-repeat;
FF
Beitrag zuletzt geändert: 20.6.2010 17:38:16 von fatfreddy -
lmao..
yup das passt. danke
(typisch meine flüchtigkeitsfehler, da hätt ich noch lang suchen kömmen :/ ) -
Kleiner Tipp:
Sehr viele fehler wie die, die dir da unterlaufen sind, kannst du vermeiden indem du mit html/css editoren wir dreamweaver oder so arbeitest, da bekommt man immer tags und befehle vorgeschlagen, die stimmen dann immer und man ist eben sicherer vor solchen kleinigkeiten.
-
hmm ich benutz so einen html editor "phase 5" von uli meybohm ..
und der hat das mit dem no-repeat nicht angezeigt.
was hast du denn noch für fehler gesehen?
Beitrag zuletzt geändert: 22.6.2010 19:37:43 von nicko -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage