• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS Links mit Class, funktioiert nicht

G

Gameking

Neues Mitglied
Hi @ all

Ich weis das es dazu im Internet und auch im Forum viele Beiträge gibt.

Jedoch suche ich den Fehler jetzt schon fast über 3 Stunden und habe schon alles mögliche ausprobiert :sad:

Mein Problem:
Ich habe folgenden CSS Code:
Code: 
a.navi:link {
color: #868585;
text-decoration: none;
}

a.navi:hover {
color: #868585;
text-decoration: none;
}

a.navi:visited {
color: #868585;
text-decoration: none;
}

a.navi:active {
color: #868585;
text-decoration: none;
}
Und folgenden HTML Code:
HTML: 
<a href="index.html" class="navi">Link_1</a>
Doch leider zeigt mir der Browser die Seite immer noch mit den Standart Link einstellungen an.

Hat jemand einen Tipp für mich?

Danke schon mal!
 
Zuletzt bearbeitet:
warum schreibst du hier:

HTML: 
a.navi:hover {
#868585
text-decoration: none;
}
nur den Farbwert hin? du musst doch color: #868585;
mach das mal bei jedem.
 
Hi Danke für deine Antwort, jedoch klappt es leider immer noch nicht :(

Hier mal das ganze html und CSS dokument:


Code: 
html, body {
background:url('images/header-bg.png');
background-repeat:repeat-x;
margin:0;
padding:0;
}

.table-gr {
vertical-align:top;
background-image: url('images/table-bg.png');
background-repeat:repeat-y;
height:1000px;
width:266px;
}

.table-co {
vertical-align:top;
height:100%;
width:780px;
}
.table-gr-bild  {
vertical-align:top;
background-image: url('images/table-bg.png');
background-repeat:repeat-y;
height:100%;
width:266px;

a.navi:link {
#868585;
text-decoration: none;
}

a.navi:visited {
#868585;
text-decoration: none;
}

a.navi:hover {
#868585;
text-decoration: none;
}

a.navi:active {
#868585;
text-decoration: none;
}
HTML: 
<head>
    <link rel="STYLESHEET" type="text/CSS" href="style/style.css">
    <title></title>
</head>



<body class="body_1">
    <center>
    <table>

<!-- Menu -->
    <td class="table-gr">

    </td>

<!-- Content -->
    <td class="table-co">
        <table>
        <tr height="35px">
        </tr>
        <td>
            <center>
            <a href="index.html"><img src="style/images/header.png" border="0px"></a>
            </center>
        </td>
        <tr height="70px">
        </tr>
        <td>
            <table>
            <td width="195px">
            <a href="index.html" class="navi">Link_1</a>
            </td>
            <td width="195px">
            Link_2
            </td>
            <td width="195px">
            Link_3
            </td>
            <td width="195px">
            Link_4
            </td>
            </table>
        </td>
        <tr height="70px">
        </tr>
        
    </td>
    </table>
    </center>
</body>
 
eigenartig...

ich habe es bei mir ausprobiert und bei mir funktioniert es!
da kann ich dir auch nicht mehr weiterhelfen!

tut mir leid
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben