Grafik wird nicht angezeigt

tippazz · 17.03.2012

Hallo zusammen...

Ich sitze hier gerade an an einer Webseite und bin schon recht verzweifelt...
Naja also folgendes Ich habe ein dreispaltiges Layout und möchte in der Sidebar auf der rechten Seite ein Bild einfügen und dies wenn es geht per Css (is halt weniger Arbeit dann). Ich hab das jetzt über background-image gemacht, und lokal haut das auch prima hin. nur auf dem Server wird mir dann das Bild nicht mehr angezeigt.
Der Code aus der CSS Datei:

#info {
font-size:85%;
float:right;
width:155px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 10px;
height: 450px;
background-repeat: no-repeat;
background-image: url(../Bilder/Infodeco1.jpg);
}

Die index:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Hans-Elm-Schule</title>
<link href="CSS/screen.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="gesamt">
<div id="kopf">
<div id="adresse"></div>
<div id="logo"></div>
</div>
<div id="navi">
<ul id="navlist">
<li><a href="index.html">Home</a></li>
<li><a href="HTML/ueberUns.html">Wir über uns</a></li>
<li><a href="HTML/lehrer.html">Lehrer</a></li>
<li><a href="HTML/klassen.html">Klassen</a></li>
<li><a href="HTML/gtas.html">GTAS</a></li>
<li><a href="HTML/projekte.html">Projekte</a></li>
<li><a href="HTML/zertifikate.html">Zertifizierung</a></li>
<li><a href="HTML/seb.html">SEB</a></li>
<li><a href="HTML/foerderverein.html">Förderverein</a></li>
<li><a href="HTML/termine.html">Termine</a></li>
<li><a href="HTML/kontakt.html">Kontakt</a></li>
<li><a href="HTML/impressum.html">Impressum</a></li>
</ul>
</div>
<div id="inhalt">
<div id="info"></div>
<div id="bilder"><img src="Bilder/Deco.jpg" width="80" height="600" alt="deco" /></div>
<div id="text">
<h1>Herzlich Willkommen</h1>
<h2>Wir freuen uns das Sie uns die Hans- Elm- Schule im Internet gefunden haben.</h2>
<p>Auf den nächsten Seiten haben Sie die Möglichkeit uns und das was uns ausmacht kennenzulernen.</p>
<p><img src="Bilder/hansElmStart-.gif" alt="hansElmstart" /></p>
<p> </p>
</div>

</div>
<div id="fuss">HANS-ELM-SCHULE Sinntal-Altengronau © 2011</div>
</div>

</body>
</html>

Davi2000 · 17.03.2012

AW: Grafik wird nicht angezeigt

lass mal im Verzeichnis ../ weg !

tippazz · 17.03.2012

AW: Grafik wird nicht angezeigt

Davi2000 schrieb:
lass mal im Verzeichnis ../ weg !

hmm ich denke mal du meinst in der CSS aber wenn ichs weglasse wirds mir nicht mal mehr lokal angezeigt

LaFaSiLuc · 17.03.2012

AW: Grafik wird nicht angezeigt

Ist doch auch logisch... das Verzeichnis, bzw. der Pfad ist lokal doch ganz anders als online. Probier online mal ohne ../ und ich glaube meist, es muss heissen
background-image: url("Bilder/Infodeco1.jpg");
btw solltest du dir angewöhnen, alles klein zu schreiben. Minimiert Fehler erheblich

tippazz · 17.03.2012

AW: Grafik wird nicht angezeigt

ich dank euch....Problem gelöst...

Davi2000 · 17.03.2012

AW: Grafik wird nicht angezeigt

Kein Problem, verwende am besten lokal immer eine Entwicklungsumgebung mit z.b Xampp und schaffe die gleichen Bedienungen wie auf deinem richtigen Webserver.

patrick_l · 17.03.2012

AW: Grafik wird nicht angezeigt

Davi2000 schrieb:
Kein Problem, verwende am besten lokal immer eine Entwicklungsumgebung mit z.b Xampp und schaffe die gleichen Bedienungen wie auf deinem richtigen Webserver.

Was auch schon ausreicht wenn im Dreamweaver eine neue Site festgelegt wird. Also dem zuweisen des Stammordners. So gibt es später auch keine Probleme beim upload der Website. Ansonsten ist Xampp natürlich nicht verkehrt. Vor allem wenn auch mit PHP gearbeitet wird.

Grüße Patrick