Nicht mehr ganz neu hier
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:
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:
Die index:#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);
}
<!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>