Ich suche erfolglos nach einer Lösung meines Problems.
Das ist meine Webseite, die mit Opera und IE richtigt funktioniert. Mit firefox wird dagegen kein Hintergrundbild (bei dem Menü) angezeigt.
http://test.my-planeta.de
Hier sind css, template und TypoScript, das ich verwende.
http://test.my-planeta.de/temp/mozilla.css
http://test.my-planeta.de/temp/template_1.html
http://test.my-planeta.de/temp/ts.txt
Ich würde mich sehr freuen, wenn mir jemand hilft, den Fehler zu finden und zu beheben. Ich habe mit HTML, CSS und Typo3 erst seit ein Paar Wochen angefangen und habe damit ständig Probleme. :o
Hi,
wenn Du den Firefox benutzt, dann installiere doch ein paar nützliche Plugins:
WebDeveloper
HTML Validator
und
EditCSS
Diese Tools helfen hervorragend bei der Analyse deiner Seiten.
Ich habe damit zum Beispiel folgendes festgestellt:
Zeile 52 Zeichen 7 - Warnung: missing </a> before </td>
Zeile 104 Zeichen 28 - Warnung: discarding unexpected <body>
Zeile 45 Zeichen 17 - Warnung: missing </table>
0 Fehler / 3 Warnungen
Allerdings habe ich nicht verifiziert, ab es das Problem im eigentlichen verursacht hat.
Gruß
Michael
Danke für den Rat. Bei dem Problem mit Hintergrundbild hilft es leider nicht weiter.
meinst du das Hintergrundbild beim Menü ?!!
Wenn ja zeig mal deinen CSS-Code bitte
stimmt hast recht...vielleicht erst mal alles genau durchlesen und dann schreiben 🙂
bitte ändere deinen css-code mal auf folgendes und probiers nochmal
.menu-background {
width: 186px;
background-image: url('../images/blueback.gif');
background-repeat: repeat-y;
}
6uellerBelästigungspanda schrieb
bitte ändere deinen css-code mal auf folgendes und probiers nochmal
Danke für die Antwort, es hat allerdings nichts gebracht. #paralyzed#
zeigt er das Hintergrundbild im Menü auch an wenn du mal versuchst die Menüpunkte probeweise zu entfernen ?! -> sprich einfach nur das Hintergrundbild
wenn ja probiers mal mit z-index einstellungen bei den einzelnen divs.
.menu-background {
width: 186px;
background-image: url('../images/blueback.gif');
background-repeat: repeat-y;
}
Die Hintergrundgrafik kann nicht gefunden werden. Für alle anderen Grafiken hast Du im Stylesheet einen anderen Pfad angegeben. Ändere also bitte:
background-image: url('images/blueback.gif');
und es sollte gehen.
Grüße
db schrieb
.menu-background {
width: 186px;
background-image: url('../images/blueback.gif');
background-repeat: repeat-y;
}
Die Hintergrundgrafik kann nicht gefunden werden. Für alle anderen Grafiken hast Du im Stylesheet einen anderen Pfad angegeben. Ändere also bitte:
background-image: url('images/blueback.gif');
und es sollte gehen.
Grüße
sollte, geht leider nicht. Außerdem war der Pfad korrekt. Ich habe ihn geändert, weil 6uellerBelästigungspanda es als mögliche Lösung vorgeschlagen hat.
fantastix schriebhilft nicht...
Dann liegt´s definitiv an irgendetwas ganz anderem.
Vielleicht liegt ja ein anderes div mit Hintergrundfarbe dadrüber oder was weiß ich...
An dieser Stelle hier brauchst Du jedoch nicht weiterzuforschen.
Ich habe das Problem gelöst, indem ich es so umgeschrieben habe:
<td id="menu_1">
+
TD#menu_1 {
width: 186px;
background-image: url(images/blueback.gif);
background-repeat: repeat-y;
}
statt
<div class="menu-background">###menu_1###</div>
+
.menu-background {
width: 186px;
background-image: url('images/blueback.gif');
background-repeat: repeat-y;
}
Ich danke euch für eure Mühe.