linkformatierung css :-(

[kercon]

Hallo Leute,
irgendwas habe ich mal wieder übersehen...
meine Links in der .content-Klasse übernehmen teilweise die Eigenschaften der .navi ... dabei wollte ich doch nur einfache schwarze Links.

Schonmal vielen Dank!

Schaut hier, mein css (ich poste die mal lieber komplett)

@charset "utf-8";
/* CSS Document */


*{
    margin:0;
    padding:0;
    }

body {
    background-color:#CCCCCC;
    }
    
p {
    margin-top: 8px;
    }    

.container {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    position:absolute; 
    top: 50%; 
    left: 50%;  
    margin-left: -450px;
    margin-top: -310px;
    background-image:url(../images/bg_900x600.jpg);
    background-repeat:no-repeat;
    width:900px;
    height:620px;
    }    
    
.content {
    position:absolute;
    width: 600px;
    text-align:left;
    margin-left:20px;
    margin-top: 150px;
    float:left;
    height:315px;
    overflow:auto;
    color:#000000;
    }
    
.content a:link, a:visited {
    color:#000000;
    background-image:none;
    }
    
.content a:hover, a:active{
    background-image:none;
    color:#FF0000;
    }        
        
.navi {
    margin-left:645px;
    margin-top: 10px;
    width:252px;
    }

.navi ul {
    list-style: none;
    margin:0px;
    padding:0px;
    }
    
.navi li a:link, a:visited {
    display:block;
    width:222px;
    height:65px;
    line-height:71px;
    background-image:url(../images/button_off.png);
    background-repeat:no-repeat;
    text-align:right;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    color:#000000;
    padding-right:30px;
    padding-top:6px;
    }
    
.navi li a:hover, a:active {
    display:block;
    width:222px;
    height:65px;
    line-height:71px;
    background-image:url(../images/button_on.png);
    background-repeat:no-repeat;
    text-align:left;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    color:#000000;
    padding-left:30px;
    padding-top:6px;
    }
    
.copy {
    font-size:11px;
    text-align:center;
    color:#666666;
    margin-top:240px;
    }
    
.quelle {
    font-size:11px;
    text-align:center;
    color:#666666;
    margin-top:10px;
    }    
    
.foto {
    position:absolute;
    margin-top:115px;
    }

.foto img {
    height:110px;
    width:142px;
    margin-left:10px;
    border:#000000 solid 1px;
    color:#CCCCCC;
    }    
    
h1 {
    margin-bottom:10px;
    font-size:18px;
    }
    
h2 {
    margin-top: 20px;
    font-size:16px;
    }                                

small {
    line-height:13px;
    }

 

[Paric]

der Fehler zieht sich durch:

du hast geschrieben:

.content a:link, a:visited

dabei musst du es so schreiben:

.content a:link, .content a:visited

Hoffe Du verstehst was ich meine...

Gruß,
Paric

 

[kercon]

danke! Sch... Schusseligkeit!
Jetzt funktioniert es!

MfG