Bild in HTML ändern

Status
Nicht offen für weitere Antworten.
Die Seite liest eine css-Datei ein. Wie sieht die den aus.
Z.B.:
Code:
 body { background-image: none }
 
So sieht mein css aus:

/* Stylesheet-Datei fuer Praesenz Auto-Kehry */

body {background-color:#E2E4E8; background-repeat:no-repeat; background-attachment:fixed; margin-left:20px; margin-top:0px; margin-right:0px; margin-bottom:0px;}
body.ticker {background-color:#E2E4E8; margin-left:10px; margin-top:0px; margin-right:0px; margin-bottom:0px;}

p,h1,h2,h3,h4,h5,h6,h7,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,form,small,big,a {font-family:Verdana,Helvetica,Arial,sans-serif;}

/* normaler Text */
td {font-size:9pt; color:#243D68;}
th {font-size:9pt; color:#243D68;}
p {font-size:9pt; color:#243D68;}
form {font-size:9pt; color:#243D68;}

/* kleiner normaler Text */
small {font-size:8pt;}
.klein {font-size:8pt;}

/* grosser normaler Text */
big {font-size:10pt;}
.gross {font-size:10pt;}

/* normaler Link */
a:link, a:visited, a:active {color:#243D68; text-decoration:none;}
a:hover {color:#243D68; text-decoration:underline;}

/* ?berschriften in verschiedenen Gren */
h1 {font-size:14pt;}
h2 {font-size:13pt;}
h3 {font-size:12pt;}
h4 {font-size:11pt;}

/* Listen */
li,ul,ol {font-size:9pt; color:#243D68;}

/* Farbig hervorgehobene zeilen in tabellen */
td.top {font-size:9pt; color:#000000; background-color:#EEEEEE;}
td.tab {font-size:9pt; color:#000000; background-color:#EEEEEE;}

/* Schriftfarben */
.schwarz {color:#000000;}
.fehler {color:#FF0000;}
 
Also ich bin mir relativ sicher das hier unser Problemchen liegt. Du ladest die Css Datei in deine Html datei ein und überschreibst mit den daten aus der CSS datei den body-tag in deiner html Datei.
Schreib einfach mal :

body {background-image:PfadZumBild;background-color:#E2E4E8; background-repeat:no-repeat; background-attachment:fixed; margin-left:20px; margin-top:0px; margin-right:0px; margin-bottom:0px;}

in die CSS Datei und lass den Body - Tag in deiner HTML Datei mal komplett jungfräulich ;)
 
Ich habe gerade wieder das gleiche Problem wie gestern. Jetzt nimmt er mir sogar nicht mehr das alte Bild. Wenn ich verschiedene Bilder versuch rein zu laden macht er mir irgendwann auch nicht mehr das alte rein. Aber nach einer gewissen Zeit geht das dann wieder. Das darf doch nicht sein, oder?
Den Cache habe ich auch schon gelöscht.
 
Machst Du das den jetzt alles Lokal oder ist das Problem den auch noch dann vorhanden wenn Du deine Seite hoch läds?

Axel
 
Das klappt leider auch nicht.

Ich mach das alles lokal. Aber der Fehler ist auch dann noch da wenn ich die Seite hoch lade.
 
So sollte es funktionieren:

Code:
body 
{
background-color:#E2E4E8; 
background-image:url(welcome_data/bg_start2.jpg);
background-repeat:no-repeat; 
background-attachment:fixed; 
margin-left:20px; 
margin-top:0px; 
margin-right:0px; 
margin-bottom:0px;
}
Wenn die CSS-Datei in einem Unterordner liegt:
Code:
body 
{
background-color:#E2E4E8; 
background-image:url(../welcome_data/bg_start2.jpg);
background-repeat:no-repeat; 
background-attachment:fixed; 
margin-left:20px; 
margin-top:0px; 
margin-right:0px; 
margin-bottom:0px;
}
HTML:
<body> ... </body>
 
Status
Nicht offen für weitere Antworten.
Zurück