Mit css text stylen

[Hannes Weninger]

Hallo,

eine kurze Frage zum Stylen von test. Ich hab folgenden Menütext:

  
<div id="menuText">MeinLangerMenue<span id="menuTextBold">Text</span>  

Wenn ich jetzt den "menuText" highlighte (andere Farbe und text-shadow), dann ist nur "MeinLangerMenue" gehighlightet, nicht aber "Text".

Wie mach ich das am Besten, dass auch "Text" gehighlightet wird?

vielen Dank!!

lg
Hannes

[Tabellenkalk]

Hallo,

<div id="menuText">MeinLangerMenue<span id="menuTextBold">Text</span>

>   

Das div-Element ist nicht geschlossen.  
  

> Wenn ich jetzt den "menuText" highlighte (andere Farbe und text-shadow), dann ist nur "MeinLangerMenue" gehighlightet, nicht aber "Text".  
  
Doch auch "Text" erbt diese Eigenschaften.  

>   
> Wie mach ich das am Besten, dass auch "Text" gehighlightet wird?  
>   

Am besten das unterlassen, was bei dir die Vererbung verhindert!?  
  
Gruß  
Kalk  

[Hannes Weninger]

Hallo nochmal,

ich hab das ein bisschen falsch beschrieben bin ich gerade draufgekommen.
Ich hab mein Problem hier nochmal nachgestellt:

http://jsfiddle.net/CkPF4/2/

Wenn ich über den Text fahre, soll der ganze Text grün werden, aber es bleiben die Textteile im inneren span grau - das ist das was ich nicht versteh.

Weiß jemand wie ich das machen kann?

lg
Hannes

[ichbinich]

Hallo,

Wenn ich über den Text fahre, soll der ganze Text grün werden, aber es bleiben die Textteile im inneren span grau - das ist das was ich nicht versteh.
Weiß jemand wie ich das machen kann?

Ja, bei li:hover dem span eine andere Farbe geben.

#mainHeaderTest li:hover .diffLetter {  
  color: #BAB722  
}

vg ichbinich

[Hannes Weninger]

Das geht aber eher nicht, oder?
Ich habs hier mal upgedatet:

jsfiddleTest

Wenn ich das hover- event auf den diffLetter's drauf gebe, dann ist das ja genau so, dass die Textfarbe nur grün wird, wenn ich auf den diffLetter- Text Teil drauffahre, beim anderen Text nicht.

Ich möchte aber haben, dass es egal ist, auf welchen Textteil ich fahre, und es immer grün wird.

Hat noch jemand eine Idee wie ich das mit CSS (ohne JS) hinbekomme?

vielen Dank!!

lg

[ichbinich]

Hallo,

Das geht aber eher nicht, oder?

Doch.

Wenn ich das hover- event auf den diffLetter's drauf gebe, dann ist das ja genau so, dass die Textfarbe nur grün wird, wenn ich auf den diffLetter- Text Teil drauffahre, beim anderen Text nicht.

Du musst dein vorheriges CSS natürlich drin lassen.

vg ichbinich

[Hannes Weninger]

Danke vielmals!!!
Funktioniert einwandfrei.

lg
Hannes

[ChrisB]

Hi,

Wenn ich über den Text fahre, soll der ganze Text grün werden, aber es bleiben die Textteile im inneren span grau - das ist das was ich nicht versteh.

Na du hast doch für span explizit angegeben, dass die Textfarbe grau sein soll.

Weiß jemand wie ich das machen kann?

In dem du die Hover-Farbe für span auch angibst?

MfG ChrisB

[bubble]

<div id="menuText">MeinLangerMenue<span id="menuTextBold">Text</span>

>   
> Wenn ich jetzt den "menuText" highlighte (andere Farbe und text-shadow), dann ist nur "MeinLangerMenue" gehighlightet, nicht aber "Text".  
  
Sollte so eigentlich funktionieren.  
  
<http://jsfiddle.net/f44Lt/>  
  
MfG  
bubble

-- 
If "god" had intended us to drink beer, he would have given us stomachs. - David Daye