CMS - Der Dirigent » Support » Anwenderforum

Neue Umfrage | neues Thema | Antworten

Dirigent zeigt kein Background-Bild an nur Color.

« Älteres Thema | Neueres Thema » Thema abonnieren | Thema versenden | Thema drucken

ProCoder2025
Geschrieben am: 18. Oct 2010 - 21:02


Newbie


Gruppe: Members
Beiträge: 4
Mitgliedsnummer: 3406
Mitglied seit: 18. Oct 2010


Hallo,

ich bin noch ein Frischling was das Programmieren und das Bedienen des Dirigenten angeht, darum muss ich leider mit einer Frage als ersten Thread anfangen.
Der Dirigent zeigt bei meinem Code, einfach keine Image-Dateien an, Pfad ist mehrmals überprüft wurden, Dateien sind auch auf FTP-Server wink.gif .. Doch wenn ich den Image-Befehl in eine Background-Color umschreibe, dann erscheint der Background.
Habe ich irgendwas übersehen? Freue mich über jede Antwort.

CSS-Datei
mehr CODE
#container{
width: 1024px;
height: 1425px;
position: absolute;
left: 0px;
top: 0px;
}

body {
font: .75em/1.4 "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
background-color:#333;
width: 1024px;
color:#000;
margin:20px;
padding:0;
}

#oben{
background-image:url(novosounds/projekt01/media/oben.png);
position: absolute;
width: 1001px;
height: 38px;
left: 0px;
right: 0px;
top: 0px;
}
#background2{
background-image:url(novosounds/projekt01/media/box.png);
width: 222px;
height: 486px;
position: absolute;
left: 759px;
right: 505px;
top: 82px;
}
#background3{
background-image:url(novosounds/projekt01/media/box.png);
width: 415px;
height: 306px;
position: absolute;
left: 175px;
right: 505px;
top: 85px;
}
#suche {
position: absolute;
left: 246px;
right: 0px;
width: 144px;
top: 4px;
height: 23px;
}
#button {
background-image:url(novosounds/projekt01/media/suchen2.png);
width: 80px;
height: 20px;
left: 452px;
right: 300px;
top: 7px;
position: absolute;
}

#logo{
background-image:url(novosounds/projekt01/media/logo.png);
position: absolute;
width: 200px;
height: 22px;
top: 8px;
left: 6px;
}
#login {
background-image:url(novosounds/projekt01/media/login.png);
position: absolute;
width: 150px;
height: 200px;
top: 80px;
left: 11px;
}
#passwort{
position: absolute;
left: 25px;
top: 93px;
width: 100px;
   }
   #name{
position: absolute;
left: 25px;
top: 47px;
width: 100px;
   }
   
  #textlogin {
position: absolute;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
top: 24px;
color:#000000;
left: 26px;
  }
   #textpasswort {
position: absolute;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
top: 71px;
color:#000000;
left: 26px;
  }
  #checkbox{
position: absolute;
top: 122px;
left: 21px;
  }
  #loginmerken {
position: absolute;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
top: 118px;
color:#000000;
left: 44px;
   }

a:link, a:visited {
color:#2971a7;
text-decoration:none;
}

div.breadcrumbs {
position:absolute;
overflow:hidden;
margin:0;
padding:0;
height:30px;
line-height:30px;
border:1px solid #eee;
margin-bottom:20px;
top: 5px;
left: 555px;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
color:#404040;
font-weight: bold;
float:left;
overflow:hidden;
height:30px;
padding:0 8px;
font-style:normal;
}
div.breadcrumbs span {
background:url(novosounds/projekt01/media/breadcrumb.png) no-repeat left center;
overflow:hidden;
padding:0 0 0 10px;
width:0px;
filter:alpha(opacity=40);
opacity:0.4;
top: 46px;
}
#streifen{
position:absolute;
background:url(novosounds/projekt01/media/oben.png);
width:1px;
height: 489px;
top: 82px;
left: 748px;
}
#dresden{
position:absolute;
background-image:url(novosounds/projekt01/media/dresden.jpg);
width: 1000px;
height:669px;
top: -2px;
left: 0px;
}

HTML-Datei
mehr CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php echo $con_tree[$idcat]['name'].': '.$con_side[$idcatside]['name']; ?></title>
<dedi:lay type="head"/>
<META NAME="Language" CONTENT="de">
<META name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<link href="style.css" rel="stylesheet"/>

</style>

</head>
<body>
<dedi:lay type="container" id="1" title="Navigationt"/>
<dedi:lay type="container" id="2" title="Inhalt"/>

<dedi:lay type="config"/>
<div id="container">
<div id="dresden"></div>
<div id="oben">
   <div class="breadcrumbs">
<a href="/">Startseite</a>
 <span>></span>
<a href="/">Adressen</a>
 <span>></span>
 <a href="/">Profil</a>
 <span>></span>
<em><a href="/">Community</a></em>
 </div>

 <div id="button"></div>
 <div id="suche" form action="ziel.html" method="GET">
   <input type="text" maxlength="20" style="width: 200px;"/>
 </form></div>
 <div id="logo">
 </div>
 <div id="login">
 <div id="textlogin">
 <p>Benutzername:</p>
 </div>
  <div id="textpasswort">
 <p>Passwort:</p>
 </div>
 <div id="name" form action="ziel.html" method="GET">
   <input type="text" maxlength="20" style="width: 100px;"/>
 </form></div>
 <div id="passwort">
 <input type="password" maxlength="20" style="width: 100px;"/>
 </div>
 <div id="checkbox">
 <input type="checkbox" />
 </div>
 <div id="loginmerken">
 <p>Daten merken:</p>
 </div>
 </div>
 </div>
<div id="streifen"></div>
 
 
<div id="background2">
<form action="ziel.html" method="GET">
Vorname: <br />
<input type="text" maxlenght="20" size="20"
style="width: 150px;"
name="Name"/><br />
Nachname: <br />
<input type="text" size="20" maxlength="20"
name="Nachname" /><br />
Geburtsdatum: <br />
<input type="text" size="4" maxlength="2"
name="Tag" />
<input type="text" size="4" maxlength="2"
name="Monat" />
<input type="text" size="4" maxlength="4"
name="Jahr" /><br />
Wohnort: <br />
<input type="text" size="20" maxlength="20"
name="Wohnort" /><br />
Bundesland: <br />
<select name="Bundesland">
<option value="1">Baden-Württemberg</option>
<option value="2">Bayern</option>
<option value="3">Berlin</option>
<option value="3">Brandenburg</option>
<option value="3">Bremen</option>
<option value="3">Hamburg</option>
<option value="3">Hessen</option>
<option value="3">Mecklenburg-Vorpommern</option>
<option value="3">Niedersachsen</option>
<option value="3">Nordrhein-Westfalen</option>
<option value="3">Rheinland-Pfalz</option>
<option value="3">Saarland</option>
<option value="3">Sachsen</option>
<option value="3">Sachsen-Anhalt</option>
<option value="3">Schleswig-Holstein</option>
<option value="3">Thüringen</option>
</select> <br />
Geschlecht: <br />
<input type="radio" value="1" name"Geschlecht" id="sex_1">
<label for="sex_1">weiblich</label>
<input type="radio" value="2" name"Geschlecht" id="sex_2">
<label for="sex_2">männlich</label>
<br />

Land: <br />
<select name="Land">
<option value="1">Deutschland</option>
</select> <br />

E-Mail-Adresse: <br />
<input type="text" size="20" maxlength="30"
name="Email" /><br />

Benutzername: <br />
<input type="text" size="20" maxlength="20"
name="Benutzername" /><br />

Passwort: <br />
<input type="password" size="20" maxlength="20"
name="Passwort" /><br />

<input type="checkbox" value="an" />
Ich akzeptiere die AGBs <br />

<input type="submit" value="Anmelden" />

</form>
</div>
 
</div>
 <div id="background3">
</div>
</body>
</html>
Top   
sidd
Geschrieben am: 19. Oct 2010 - 08:31


Member


Gruppe: Members
Beiträge: 119
Mitgliedsnummer: 912
Mitglied seit: 07. Dec 2004


hallo procoder,

ich würde auf einen falschen pfad tippen.
warum gibst du den ordner novosounds an, wenn es diesen ordner garnicht gibt?

probier mal folgender pfad:

mehr CODE
background-image:url(../media/login.png);


noch ein kleiner tipp: wenn die seite für einen kunden sein soll, würde ich die layout-bilder nicht in den media-ordner packen da ansonsten die gefahr besteht, dass die bilder gelöscht werden.

liebe grüße

--------------------

Firma: www.screengarden.de

und mein privates : Quicktune.de
Top    
ProCoder2025
Geschrieben am: 19. Oct 2010 - 13:48


Newbie


Gruppe: Members
Beiträge: 4
Mitgliedsnummer: 3406
Mitglied seit: 18. Oct 2010


Hallo Sidd,

vielen dank für die schnelle Antwort.
Der Novosounds Ordner ist angegeben, da der Webserver sofort auf diesen weiterleitet. Das ist auch nicht direkt das Problem. Das mit dem neuen Pfad funktioniert, wie schon geahnt, leider nicht.
Was mich aber stutzig macht, ist das die Image-Daten von


mehr CODE

div.breadcrumbs span {
background:url(novosounds/projekt01/media/breadcrumb.png) no-repeat left center;
overflow:hidden;
padding:0 0 0 10px;
width:0px;
filter:alpha(opacity=40);
opacity:0.4;
top: 46px;
}


angezeigt werden, aber alle anderen nicht. Am Pfad kann es somit ja nicht liegen, sorry hatte ich vergessen zu erwähnen ;-)...
Einen Überblick kannst du dir mal unter folgenden Link machen, da siehst du was ich meine.

http://novosounds.de/projekt01/index.php

Die funktionierenden Image-Daten sind oben rechts bei der angedeuteten Navigation.

Die Website ist nur zum Test da, da ich mir gerade alles selber beibringe. Bei ernsthaften Projekten werde ich die Bilder dann natürlich in spezielle Ordner stecken. Aber vielen dank für den Tipp.

Viele Grüße

Thomas
Top   
dhenneke
Geschrieben am: 19. Oct 2010 - 15:10


Member


Gruppe: Tester v1.1
Beiträge: 42
Mitgliedsnummer: 2879
Mitglied seit: 02. Mar 2007


Hallo ProCoder2025,

also bei mir wird keins der Bilder angezeigt. Auch nicht die im von dir geposteten "div.breadcrumbs".

Vielleicht solltest du doch mal den Rat von sidd beherzigen und deine Pfade überprüfen.

Beachte dabei, dass die Pfade in der CSS-Datei nicht vom Document root ausgehen (sprich novasounds.de/) sondern vom Standpunkt der CSS-Datei (also novasounds.de/projekt01/cms/css/).

Deshalb:
mehr CODE
background: url(../../media/xy.png);


Anstatt von
mehr CODE
background:url(novosounds/projekt01/media/breadcrumb.png);


Denn bei letzterem wird die Bilddatei im Ordner
mehr CODE
http://novasounds.de/projekt01/cms/css/novosounds/projekt01/media/xy.png
gesucht.

Grüße dhenneke
Top    
ProCoder2025
Geschrieben am: 20. Oct 2010 - 18:25


Newbie


Gruppe: Members
Beiträge: 4
Mitgliedsnummer: 3406
Mitglied seit: 18. Oct 2010


Hallo dhenneke,

ich danke dir vielmals für deine Antwort, es hat doch an den Pfad gelegen, jaja es ist doch immer alles ziemlich simple...Es klappt jetzt zwar, aber irgendwie verstehe ich es gerade nicht warum es so heißen muss.
mehr CODE
background-image:url(../../media/dresden.jpg);
Für was steht das ../../ ? Aber ich glaube gerade macht es klick ^^. Also die Bilder werden von der CSS angegeben und das müsste ne Art Platzhalter sein so dass die vorhergehenden Ordner nicht angeben werden müssen. Habe ich das richtig verstanden?

Was mich nur wundert, die Variante von Sidd
mehr CODE
background-image:url(../media/dresden.jpg);
mit 1x
mehr CODE
../
hat nicht funktioniert, warum müssen das zwei sein?

Aber vielen herzlichen dank für eure Hilfe.

Gruß Thomas
Top   
jwitt
Geschrieben am: 20. Oct 2010 - 19:19


Member


Gruppe: Members
Beiträge: 505
Mitgliedsnummer: 274
Mitglied seit: 24. Aug 2003


Hallo ProCoder2025,

mit .. bewegst Du Dich aus dem aktuellen Verzeichnis in die nächst höhere Ebene
Aus projekt01/cms/css heraus bedeutet, jetzt stehst Du in projekt01/cms. Die Bilder liegen aber in projekt01/media. Also mußt Du noch eine Ebene höher, um von dort in media wechseln zu können.

Gruß
Jürgen
Top   
ProCoder2025
Geschrieben am: 20. Oct 2010 - 20:17


Newbie


Gruppe: Members
Beiträge: 4
Mitgliedsnummer: 3406
Mitglied seit: 18. Oct 2010


Hallo Jürgen,

super jetzt habe ich es kapiert, ist ja doch gar nicht so kompliziert gewesen ^^. Ich danke vielmals für die Erläuterung.

Viele Grüße Thomas
Top   

Thema wird von 0 Benutzer gelesen (0 Gäste und 0 Anonyme Benutzer)
0 Mitglieder:

6 Antworten seit 18. Oct 2010 - 21:02

Thema abonnieren | Thema versenden | Thema drucken


Neue Umfrage | neues Thema

Home | Das Projekt | Download | Entwicklung | Dokumentation | Forum | Impressum