CSS Link Class

- WebmasterWork »
- Grafik & Programmierung »
- (X)HTML & CSS & DHTML & Javascript »
- CSS Link Class »

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

Freitag, 25. März 2011, 10:34

Hallo ,

Ich sehe gerade den Wald vor lauter Bäumen nicht mehr.
Habe ein Problem und finde den Fehler nicht.

Habe folgenden CSS erstellt.

Cascading Style Sheet

a.navi:link {
display: block;
width: 275px;
height: 50px;
background: url(sys_img/nav_button.png);
font-size:16px;
text-decoration:none;
color: #ffffff;
}

a.navi:hover {
display: block;
width: 275px;
height: 50px;
background: url(sys_img/nav_button.png);
font-size:16px;
text-decoration:none;
font-weight:bold
color: #ffffff;
}

Die Nav sieht so aus.

PHP-Quelltext

<a class="navi" href="index.php">HOME</a>
<a class="navi" href="index.php">SUCHEN</a>
<a class="navi" href="index.php">ALLE TERMINE</a>
<a class="navi" href="index.php">KONTAKT</a>
<a class="navi" href="index.php">IMPRESSUM</a>

Es funktioniert aber nur der Hover effekt .
Zu sehen hier , das Menu ganz oben. http://jegi.eu/eventscript/

Danke
Gruß
Jens

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Freitag, 25. März 2011, 10:42

Cascading Style Sheet

a.navi{
display: block;
width: 275px;
height: 50px;
background: url(sys_img/nav_button.png);
font-size:16px;
text-decoration:none;
color: #ffffff;
}

a.navi:hover {
display: block;
width: 275px;
height: 50px;
background: url(sys_img/nav_button.png);
font-size:16px;
text-decoration:none;
font-weight:bold
color: #ffffff;
}