Witam,
Mój problem również dotyczy wyświetlania obrazków. Tło obrazkowe w divie nie wyświetla się w przeglądarce (edytora, Firefox, Opera, IE) Nie załadowałam strony na serwer, lecz edytuję w kED (ćwiczę metodą prób i błędów). Nie ma problemu gdy bezpośrednio w html wkleję obrazek (img src="ścieżka"), ale w css, gdy w deklaracji wpiszę background-image: url (ścieżka), nie wyświetla mi się. Podam kod html i css:
HTML
Kod:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="Description" content=" [wstaw tu opis strony] " />
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
<meta name="Author" content=" [dane autora] " />
<meta name="Generator" content="kED" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title> [tytuł strony] </title>
</head>
<body>
<div id="calosc">
</div>
</body>
</html>
CSS
Kod:
body {
margin:0;
padding:0;
background: #408080;
}
#calosc {
background-image: url ('obrazek.gif');
color: #808040;
height: 200px;
Width: 400px;
margin:10px;
}
Bez zmian jest nawet wtedy, gdy: wpiszę tekst, body nie ma tła, stosuję styl lokalny, wewnętrzny arkusz stylów.
Obrazek wygląda tak:
obrazek
Znajduje się on w folderze, gdzie jest index.html i style.css, więc ścieżkę podaję, wydaje mi się, prawidłowo.
Nie wiem co robić, proszę o radę.