MouseOver will nicht funktionieren

[LeH]

Hallo,

ich habe eine CSS-Basierte Homepage, aber das Mouseover will nicht funktionieren.

Aktuelle URL: http://home.arcor.de/safarilon/Index.htm

/* Stylesheet Website  2005 */


/* Bereiche */

body, p a  
{
    color: black; 
    background-color: #AAAAAA;
    font-size: 100%;
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    margin: 0; 
    padding: 1em;
}

h1#Kopfzeile 
{
    font-size: 24px;
    margin: 0 0 0.7em;  
    padding: 0.3em;
    text-align: center;
    background-color: #F9F9F9;
    border: 1px solid black;
}

html>body h1 
{
    border-color: black;  /* Farbangleichung an den Internet Explorer  */
}

div#Navigation
{
    font-size: 0.83em;
    float: left;
    width: 18em;
    margin; 0 0 1.2em;
    padding: 0;
    background-color: #F9F9F9;
    border: 1px solid black;
}

div#Navigation h4 
{
    margin: 0.2em 0.5em;
}

div#Navigation p 
{
    margin: 0.5em;
}
  

div#Info 
{
    font-size: 0.9em;
    float: right; 
    width: 12em;
    margin: 0 0 1.1em; 
    padding: 0;
    background-color: #F9F9F9; 
    border: 1px solid black;
}

div#Info h4 
{
    margin: 0.2em 0.5em;
}

div#Info p 
{
    margin: 0.5em;
}

div#Inhalt 
{
    background-color: #F9F9F9;
    margin: 0 12em 1em 16em;
    padding: 0 1em;
    border: 1px solid black;
}

* html div#Inhalt 
{
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

div#Inhalt h2 
{
    margin: 0.2em 0;
}

div#Inhalt p 
{
    font-weight: normal;
    margin: 1em 0;
}

p#Fusszeile 
{
    clear: both;
    font-size: 12px;
    font-weight: normal;
    margin: 0; 
    padding: 0.1em;
    text-align: center;
    background-color: #F9F9F9; 
    border: 1px solid black;
  }

/* Schriften */

a
{ 
    color:#000000; text-decoration: none; 
}

a:hover 
{ 
    color:920404; text-decoration: none; 
}

h1 
{
    font-family: Garamond, Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 24px;
    color: #000000;
}

h2 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    color: #000000;
}

h3 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 10px;
    letter-spacing: 3px;
    line-height: 10px;
    text-transform: uppercase;
    color: #000000;
}

h4 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
}

p 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

Eigentlich habe ich das Mouseover mit

a
{ 
    color:#000000; text-decoration: none; 
}

a:hover 
{ 
    color:920404; text-decoration: none; 
}

definiert.

Aber er tuts nicht. Normalerweise sollte das Mouseover bei allen Links in den beiden Navigationen erscheinen.

Wisst ihr was ich da machen muss?

 

[Gumbo]

Farbwerte in hexadezimaler Schreibweise besitzen ein führendes Rautezeichen (#).

 

[LeH]

Oh, ich Idiot. Funktioniert dann natürlich. Das mit der Raute wusste ich natürlich, aber ich hatte Tomaten auf den Augen.

Habe aber nochmal eine kleine Frage (will nicht einen neuen Thread aufmachen):

Kann ich bei CSS einstellen, dass der einem bestimmten Zeichen immer in die gleiche Farbe gibt? Aber nur ein Zeichen. Ansonsten müsste ich es mit einer Grafik machen, aber ich versuche dieses zu umgehen.

Leon

 

[Gumbo]

Nein, CSS kann nur über Selektoren Elementen Eigenschaften zuweisen. Und solange das bestimmte Zeichen nicht durch einen eindeutigen Selektor referenzierbar ist, ist es nicht möglich.

Folgendes wäre jedoch möglich:

<span class="besonderes-zeichen">?</span>

.besonderes-zeichen {
	color:			#f80;
}

 

[LeH]

Danke dir klappt gut.

Musste deinen HTML CODE aber ändern in:

<span class="besonderes-zeichen">besonderes-zeichen</span>

So klappt es super!

Danke dir