Menüfrage (Klassen in CSS)

[Richard]

Hallo,

vor kurzem habe ich, dank der freundlichen und schnellen Hilfe in diesem super Forum ;), mein Menü auf CSS umgestellt. Soweit sogut - nun will ich aber den Validierungs-Button der W3C auch draufpacken und muß dazu noch einen Fehler korrigieren.

Das Problem ist: Mein Menü verwendet mehrmals eine ID für ein sich wiederholendes Menü. Kann mir jemand sagen wie man das Menü von der aktuellen Version mit ID in eine mit Klassen umwandeln kann?

Danke im voraus für alle Antworten ;)

Mein HTML-Code (dieser Abschnitt wiederholt sich ca. 5mal und ich hoffe es gibt eine andere Lösung als 10 verschiedene IDs zu verwenden)
-------------------------------------------------------
<div id=menutop><a href="http://www.xxx.de/">Überschrift</a></div>
<div id=menu>
<a href="http://www.xxx.de/1/">Menüpunkt 1</a>
<a href="http://www.xxx.de/2/">Menüpunkt 2</a>
<a href="http://www.xxx.de/3/">Menüpunkt 3</a>
</div><br>

Mein CSS-Code (id menu und menutop unterscheiden sich nur in der Schriftgröße und bei der Hintergrundfarbe - der Code ist ansonsten gleich):
--------------------------------------------------------
div#menu { left:0px;font:12px arial,sans-serif;width:150px;padding-right:0px; }
div#menu a {
    border-right: #339933 4px solid; padding-right: 10px;
    display:block;padding-left:10px;border-left-width:0px;
    background:#ccffcc; border-bottom-width:0px;
    padding-bottom:2px;margin:0px 0px 3px;color:#336633;
    padding-top:2px;text-align:left;text-decoration:none; }
div#menu a:hover { border-right:#ff0000 4px solid;background:#ffff99;color:#dd0000 }

[Tina]

Hallo,

<div id=menutop><a href="http://www.xxx.de/">Überschrift</a></div>
<div id=menu>

hier schreibst Du einfach <div class="menu">
(Im HTML immer Hochkommas verwenden)

div#menu { left:0px;font:12px arial,sans-serif;width:150px;padding-right:0px; }

und hier dann einfach div.menu {..}
das wars

gruß, Tina

[Richard]

Vielen lieben Dank Tina,

das war genau das, was ich brauchte - es funktioniert hervorragend!

Gruß

Richard

[Orlando]

Hi Richard,

Kann mir jemand sagen wie man das Menü von der aktuellen Version mit ID in eine mit Klassen umwandeln kann?

HTML: id= -> class=
CSS:  # -> .

So einfach ist das ;-)

Grüße,
 Roland

[Richard]

Vielen Dank Roland,

ich habe dies gerade eingebaut und es klappt super!

Gruß

Richard