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 .. 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> |
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 -------------------- |
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 |
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 |
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 |
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 |
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 |
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