CSS ID in Class

Webdesign & Technik HTML & CSS
1

HI,
ich bräuchte den folgenden Code anstatt mit ID’s für klassen. Hab das schon versucht aber klappte nicht.

LG
Original mit ID

[code]#menubox a , #menubox a:visited , #menubox a:active {display:inline;
background-color:#fff;
color:#004F7D;
font-size: 14px;
font-family: trebuchet ms, arial, helvetica,verdana, georgia, “times new roman”, sans-serif;
text-decoration:none;
text-align:left;
font-style:normal;
}

#menubox a:hover{
background-color:#FF7F00;
color:#fff;
text-decoration:none ;
}[/code]

Mein Versuch durch Klasse ersetzt:

[code].menubox > a, .menubox > a:visited , .menubox > a:active {display:inline;
background-color:#fff;
color:#004F7D;
font-size: 14px;
font-family: trebuchet ms, arial, helvetica,verdana, georgia, “times new roman”, sans-serif;
text-decoration:none;
text-align:left;
font-style:normal;
}

.menubox > a:hover {
background-color:#FF7F00;
color:#fff;
text-decoration:none ;
}[/code]

2

Dir ist schon klar, daß du da auch was den betreffenden
(X)HTML-Fragmenten ändern mußt?
Kannst du da mal ein Stückchen von herzeigen, insbesondere
Das Element, welches ehemals (oder auch jetzt noch ist) die
#menubox war einschließlich der Kindelemente bis zum ersten
a-Element herunter.

Ist auch meist zu empfehlen, das im Zweifelsfalle an einem
minimalen Testdokument auszuprobieren, da sieht man meist besser,
woran es liegt…

Wenn es noch mehr CSS als dies gibt, kann es natürlich auch an
der Selektivität liegen, die ist für Klassen niedriger als für
Fragmentidentifizierer.

3

HI,

oh ja sorry den HTML Code dazu hab ich vergessen …

4

Dann wohl eher sowas:

<p class="Zeit">28.01.2011 22:23 Uhr</p>
<p>Wasserblasen in grau...
<span class="menubox"><img src="/images/arrow.gif" width="8" height="9" border="0" alt="&gt;"><a href="http://www.imagesandmore.net/news/177/2011/01/28/Neues Bild: Wasserblasen">&nbsp;Weiter</a></span>
</p>

Für die Klasse ‘Zeit’ pappst du die Dekoration dann auch noch
in den CSS-Bereich.

Und es darf dann nicht heißen:
.menubox > a
etc sondern
entweder
.menubox a
oder aber
.menubox > img > a
oder ähnliches, je nachdem, was da genau zutreffen soll…

zudem besser
font-size: 1.4em
oder sowas, jedenfalls besser keine Pixel.

5

Hi,

danke es ging…

hab es aber so gelöst:

a.menubox:hover …

Des mit zwischen drin hab ich irgend wo gelesen ^^

DANKE nochmal

lg flo

6

Dafür notierst du dann aber class=“menubox” in jedem a-Element,
auf welches das zutreffen soll, bei einer längeren Liste von Verweisen
wäre das eher ineffektiv, bei einem geht das natürlich genauso gut…