Tweet
Ich habe ein Menü aus dem Internet und es ein wenig angepasst. Aber irgendwie habe ich nun ein CSS Problem.
Wenn ich diesen in meine html-Seite einfüge und den css Teil in die entsprechende style.css dann funktioniert dieser leider nicht.
Das Menü bekommt überhaupt keine Zuweisungen vom Css und ich finde einfach den Fehler nicht. Auf einer Testseite funktioniert dieser und die jeweiligen Bilder werden micht im Menü auch richtig angezeigt.
Vielleicht kann mir ja jemand helfen.
Wenn ich diesen in meine html-Seite einfüge und den css Teil in die entsprechende style.css dann funktioniert dieser leider nicht.
Das Menü bekommt überhaupt keine Zuweisungen vom Css und ich finde einfach den Fehler nicht. Auf einer Testseite funktioniert dieser und die jeweiligen Bilder werden micht im Menü auch richtig angezeigt.
Vielleicht kann mir ja jemand helfen.
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Meine erste HTML/CSS Seite</title> <style type="text/css"> #sidbar_nav1 { padding: 0; margin: 0; list-style: none; width: 28px; height: 308px; background: -moz-linear-gradient(top, #434343, #202020); } #sidbar_nav1 ul { min-height: 200px; list-style: none outside none; margin: -314px 0 0 25px; padding-left: 10px; background: -moz-linear-gradient(top, #434343, #202020); } #sidbar_nav1 a { display: block; width: 165px; color: #fff; text-decoration: none; } #sidbar_nav1 a:hover { background: #545454; } #sidbar_nav1 li { list-style: none; float: left; } #sidbar_nav1 li ul { position: absolute; width: 170px; left: -999em; } #sidbar_nav1 li:hover ul { left: auto; } </style> </head> <body> <ul id="sidbar_nav1"> <li><img src="hauptmenu.png" alt="Hauptmenü"> <ul> <li style="border-bottom:1px solid #999;"><a href="/index.php"><img style="float: left; margin-right: 10px; " src="sidbar_nav_icon_home.png" width="40" height="40" alt="Startseite" /><div style="margin: 2px 0; padding: 10px 0;">Homepage</div></a></li> <li style="border-bottom:1px solid #999;"><a href="/street"><img style="float: left; margin-right: 10px; " src="sidbar_nav_icon_live.png" width="40" height="40" alt="Live" /><div style="margin: 2px 0; padding: 10px 0;">Street</div></a></li> <li style="border-bottom:1px solid #999;"><a href="/favorites"><img style="float: left; margin-right: 10px; " src="sidbar_nav_icon_my_favorites.png" width="40" height="40" alt="Favorits" /><div style="margin: 2px 0; padding: 10px 0;">Favorites</div></a></li> <li style="border-bottom:1px solid #999;"><a href="/buy"><img style="float: left; margin-right: 10px; " src="sidbar_nav_icon_buy.png" width="40" height="40" alt="Kaufen" /><div style="margin: 2px 0; padding: 10px 0;">Buy</div></a></li> <li style="border-bottom:1px solid #999;"><a href="/top10"><img style="float: left; margin-right: 10px; " src="sidbar_nav_icon_top.png" width="40" height="40" alt="Top" /><div style="margin: 2px 0; padding: 10px 0;">Top</div></a></li> <li style="border-bottom:1px solid #999;"><a href="/our"><img style="float: left; margin-right: 10px; " src="sidbar_nav_icon_our.png" width="40" height="40" alt="Our" /><div style="margin: 2px 0; padding: 10px 0;">Our</div></a></li> <li><a href="#"><img style="float: left; margin-right: 10px; " src="sidbar_nav_icon_help.png" width="40" height="40" alt="Hilfe" /><div style="margin: 2px 0; padding: 10px 0;">Help</div></a></li> </ul> </li> </ul> </body>
?! Zeig mal die Site, in der du das eingefügt hast.
Kommentar