Hi Leute,
dieses Problem ist kein FAKE
Habe folgenden CSS-Code für mein Webprojekt entwickelt
* { margin:0;padding:0; }/* Außenabstände an allen Elementen entfernen mit dem Universalselektor * */
/* Hintergrundgrafik für Body und Schrift für alle Elemente */
body {
background: (../bild/bg_body.jpg) repeat-x #e8e4e4;
font-family: Verdana, Geneva, Arial, sans-serif;
}
/* Schriften */
nav, footer, a{
font-size: 18px;
text-align: center;
color: #fff;
text-decoration: none;
}
#wrapper {
width: 752px;
margin: 23px auto 0 auto;
}
header {
/*url(../image/bg_1.jpg)*/
height: 122px;
}
header h1 {
height: 1220px;
background: url(../bild/headline.png) no-repeat;
text-indent:-9999em; /* Die Eigenschaft text-indent dient der Textverschiebung . In diesem Fall schieben wir den Inhalt der h2 aus dem sichtbaren Bereich damit nur das Hintergrundbild sichtbar ist. */
}
nav {
width: 752px;
height: 49px;
background: url(../bild/bg_nav.jpg) no-repeat right #fff;
}
nav ul li {
list-style-type: none;
width: 120px;
height: 33px;
float: left;
margin: 6px 0 0 7px;
line-height: 39px;/* Zeilenhöhe zum Vertikalen Zentrieren und Ausdehnen des ankers */
}
/* Anker zu Blockelement wandeln */
nav ul li a {
display: block;
}
/* Hintergrund Grafiken für Listenpunkte */
nav ul li:first-child { background:url(../bild/btn_home.png) no-repeat; }
nav ul li + li { background:url(../bild/btn_chroniK.png) no-repeat; }
nav ul li:nth-of-type(3) { background:url(../bild/btn_gallery.png) no-repeat; }
nav ul li:last-child { background:url(../bild/btn_impressum.png) no-repeat; }
/* Content */
#content {
background: #fff;
margin-top: 26px;
/* Inhalt abschneiden am letzten Inhalt */
overflow: hidden;
/* Damit sich darinliegender absolut positionierter Inhalt auf #content bezieht und nicht auf den Viewport*/
position: relative;
/* Freiraum an dem der Inhalt eingefügt wird um Abstand zu simulieren*/
padding-bottom: 27px;
}
/*Linke Spalte */
#left {
float: left;
width: 314px;
min-height: 550px;
margin: 30px 0 0 28px;
padding-right: 34px;
padding-bottom: 0;
}
#left h2 {
padding-right: 41px;
padding-bottom: 55px;
}
#left h3 {
font-size: 23px;
color: #db37bc;
padding-bottom: 22px;
}
#left h3 + p {
font-weight: bold;
}
#left form {
height: 190px;
width: 310px;
border: 2px solid #545454;
margin: 30px 0 10px; /* Notierung mit 3 Werten: 1. Wert für oben, 2. Wert für links und rechts, 3.Wert für unten */
padding-top: 20px;
position: relative;
border-radius: 3px;
}
#left .verschiebung {
position: absolute;
top: -13px;
left: 10px;
padding: 0 10px;
font-size: 18px;
}
#left form label {
display: block;
margin-top: 5px;
padding-bottom: 10px;
}
#left form > * { /* Universalselektor * in Verbindung mit dem Kindselektor > selektiert alle Elemente egal welchen Typs innerhalb form Elements */
margin-left: 10px;
font-size: 14px;
}
#left form input{
width: 85px;
height: 30px;
}
#left form input.text {
background: url(../bild/bg_input.jpg) no-repeat; /* relative Pfadangabe für das Bild ../ eine Verzeichnisebene höher, da wir uns hier in der CSS Datei im CSS Ordner befinden */
width: 278px;
border: 1px solid #aaa;
border-radius: 5px;
padding-left: 4px;
margin-bottom: 12px;
}
#left form input[type='submit'] { /* Attributselektor [], selektiert ein input Feld mit dem Attribut type="submit", also hier die Absenden Schaltfläche */
font-weight: 600;
width: 100px;
}
/* Rechte Spalte */
#right {
float: left;
width: 309px;
padding: 30px 28px 0 32px;
border-left: 5px solid #ccc;
}
#right li {
margin-left: 20px;
font-size: 16px;
list-style-type: none;
}
#right li:first-child {
font-weight: bold;
font-size: 20px;
margin-bottom: 18px;
list-style-image: url(../bild/bg_li.png);/* Standard Listenpunkt durch bild ersetzen */
color: #db37bc;
list-style-position: inside;
}
#right a {
color: #db37bc;
float: right;
margin-top: 16px;
font-size: 16px;
}
#right ul + ul {
margin-top: 30px;
}
/* Definitionsliste dl */
#right dd, #right dt {
margin-left:20px;
}
#right dd{
font-size: 16px;
list-style: none;
}
#right dt {
font-weight: bold;
font-size: 20px;
margin-bottom: 18px;
display: list-item;/* Element zu einem <li> machen. display:list-item ist die Standard Darstellungseigenschaft für Listenpunkte. Durch die Änderung der Darstellungseigenschaft ist es möglich Eigenschaften zu verwenden die nur für Listen gedacht sind, wie z. B. list-style-image. */
list-style-image: url(../bild/bg_li.png);/* Standard Listenpunkt durch bild ersetzen */
color: #db37bc;
list-style-position: inside; /* Standardmäßig wird ein Listenpunkt außerhalb des Elements dargestellt (outside).mit dem wert inside können wir Ihn im Element darstellen */
}
#right dd + dt {
margin-top: 30px;
}
#right p {
margin-left: 20px;
}
#right p {
font-size: 16px;
list-style: none;
}
#right h3 {
font-size: 20px;
margin-bottom: 18px;
margin-left: 21px;
background: url(../bild/bg_li.png) left center no-repeat;
padding-left: 20px;
color: #db37bc;
}
#right p + h3 {
margin-top: 30px;
}
/* Fußzeile */
footer {
width: 752px;
height: 33px;
background: url(../bild/footer.jpg) no-repeat #F09;
margin: 10px 0;
padding-top: 10px;
font-size: 17px;
}
/* Clearen */
navi ul:after, #right dd:after, #right li:after, #right p:after{
content:"";
display:table;
clear:both;
}
Alles anzeigen
Das kuriose daran ist, dass mir teilweise zumindest Bilder angezeigt werden, obwohl ich den Ordner vollständig gelöscht hatte!
Ändere ich in Notepad++ den Dateinamen um, verschwindet das Bild.Korrigiere ich den Namen wieder, erscheint das Bild.
Alles business as usual, wenn ich nicht alle Bilder manuell gelöscht hätte!!!
Raufe mir die Haare,da ich nicht weiß,woher der Browser die Quellangaben bezieht!
Habe sicherheithalber mittels des Total Commanders' nach den Bildern (z.B. 'headline.png') gesucht, bis in die hintersten Winkel all meiner Festplatten. Fehlanzeige!
Die Datei existiert überhaupt nicht - und wird dennoch angezeigt; sofern der Name im Quellcode stimmt!
Wie kann das sein??
Bin völlig ratlos und hoffe hier auf Abhilfe.
Will nämlich veränderte Bilder testen und konnte das nicht,weil grafische Änderungen nicht im Browser angezeigt wurden. Als Konsequenz hatte ich den gesamten Ordner gelöscht.
Die Bilder wurden dennoch angezeigt.......
P.S.: Im HTML-Dokument selber sind keinerlei grafische tags!!