Menü

[Ralf]

Hi,

ich hab n css mit folgendem Inhalt:

a  { text-decoration: none; font-family: Verdana; font-size: 7pt color: #475B69; }
a:link  { text-decoration: none; font-family: Verdana; font-size: 7pt color: #475B69; }
a:visited { text-decoration: none; font-family: Verdana; font-size: 7pt color: #475B69; }
a:active { text-decoration: none; font-family: Verdana; font-size: 7pt color: #BAC9CD; }
a:hover  { text-decoration: underline; font-family: Verdana; font-size: 7pt color: #BAC9CD; }

#aboutmenu {position: absolute; top: 31; left: 250; z-index: 0;}
#about {position: absolute; top: -120; left: 250; z-index: 1;}

Nun hab ich ne HTML-Datei mit folgendem Inhalt:

<div id="aboutmenu">
<table cellpadding="0" cellspacing="0">
<tr><td align=middle><a href="javascript:do_about()">[Über uns]</a></td></tr>
</table>
</div>

<div id="about">
<table cellpadding="0" cellspacing="0">
<tr><td>Philosophie</td></tr>
<tr><td>Grundsätze</td></tr>
<tr><td>Anfahrt</td></tr>
<tr><td>Neuigkeiten</td></tr>
</table>
</div>

Im Header wird das CSS eingefügt. Allerdings wird die Einstellung für A nicht innerhalb des div genommen. woran liegt das?

Gruß

Ralf

[Axel Richter]

Hallo,

a  { text-decoration: none; font-family: Verdana; font-size: 7pt color: #475B69; }

hier fehlt ein Semikolon nach 7pt;

a  {text-decoration:none; font-family:Verdana; font-size:7pt; color: #475B69; }
a:link  { text-decoration: none; font-family: Verdana; font-size: 7pt color: #475B69; }

hier auch

a:visited { text-decoration: none; font-family: Verdana; font-size: 7pt color: #475B69; }

hier auch

a:active { text-decoration: none; font-family: Verdana; font-size: 7pt color: #BAC9CD; }

hier auch

a:hover  { text-decoration: underline; font-family: Verdana; font-size: 7pt color: #BAC9CD; }

hier auch

Die Reihenfolge der Pseudoformate stimmt nicht. Richtig ist:
:link, :visited, :hover, :active, :focus

http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

viele Grüße

Axel

[Christian Seiler]

Hallo Ralf,

auch wenn Dein Problem woanders leigt: (siehe Axels Posting)

a  { text-decoration: none; font-family: Verdana; font-size: 7pt color: #475B69; }

pt ist keine gute Einheit für den Bildschirm. http://www.netandmore.de/faq/fom-serve/cache/1153.html

#aboutmenu {position: absolute; top: 31; left: 250; z-index: 0;}
#about {position: absolute; top: -120; left: 250; z-index: 1;}

Hier fehlen die Einheiten. 31 was? 250 was? Du meinst sicher Pixel, also 31px bzw. 250px bzw. -120px.

Christian