✔ Navigation mit CSS - Fehlerbehebung

Status
Nicht offen für weitere Antworten.
orffyre

orffyre

Erfahrenes Mitglied
Hallo!

Ich habe per CSS folgendes definiert:

Code: 
ul#navigation {
    color:#FF9933;
    margin: 0; padding: 0;
    font-size: 12px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
  }
ul#navigation a {
    color:#FF9933;text-decoration:underline;
    font-size: 12px;
    }
ul#navigation a:hover {
        color:#FFCC99;text-decoration:none;
        font-size: 12px;
        }
ul#navigation li {
    list-style: none;
    margin: 0; padding: 0;
    font-size: 12px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
  }
Aufgerufen wird das folgendermassen:

Code: 
<div class='navigation'> 
                <ul id="navigation"><li>test</li></ul>
                </div>
Jetzt habe ich mehrere Sachen, die ich gerne unter der "<div class='navigation'>" unterbringen möchte. Er sagt mir aber dann, dass ich das nicht mehrmals verändern darf. Wenn ich aber dann für meine zweite Liste "<div class='navigation2'>" angebe, gelten die definierten Werte nicht mehr.

Ich denke auch nicht, dass das, was in der CSS-File steht, sauberer Code ist, aber es funktioniert. :-)

Danke für eure Hilfe!

mfg
orrfyre
 
Könntest Du Dein Anliegen bitte etwas detailierter ausführen, denn ich verstehe momentan nicht, wo das Problem konkret liegt.

Vielleicht hilft Dir aber auch mein Test-Quellcode weiter, den ich eben zusammengestellt habe, um den vermeintlichen Fehler zu suchen.

Hierbei habe ich mal die ID #navigation in die Klasse .navigation umgewandelt, da Du die Listennavigation in dem Dokument wohl mehrmals verwenden möchtest.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
ul.navigation {
    color:#FF9933;
    margin: 0; padding: 0;
    font-size: 12px; 
    font-family: verdana, arial, helvetica, sans-serif;
  }
ul.navigation a {
    color:#FF9933;
    text-decoration:underline;
    font-size: 12px;
    }
ul.navigation a:hover {
        color:#FFCC99;
        text-decoration:none;
        font-size: 12px;
        }
ul.navigation li {
    list-style: none;
    margin: 0; 
    padding: 0;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
  }
-->
</style>

</head>
<body>

<div id="navigation">
     <ul class="navigation">
         <li><a href="#">test 1</a></li>
     </ul>
     <ul class="navigation">
         <li><a href="#">test 2</a></li>
     </ul>
</div>

</body>
</html>
 
Danke, Chef, das war's schon! Dein Code funktioniert und es gibt keine Warnungen mehr.

Vielen Dank der Herr!

Bis dann,
mfg
orffyre
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück