Carsten Gosch: Links formatieren

Beitrag lesen

rehi Cheatah + Gernot,
wieder am Platz...

Nun, das ist doch immer das gleiche: Mann trifft Frau, Mann verliebt sich in Frau, Mann macht Homepage für Frau, Frau will unterschiedliche Links in Navigation und Content. Und am Ende verlässt sie ihn für einen anderen, der den gleichen Effekt mit weniger Code hinbekommt.

wenn du nur wüsstest was mir im Moment die Konzentration auf Code - ob nun kurz oder lang -  so erschwert...aber das gehört hier nicht hin :-(  !!!!!

Da sage noch einer, es käme nicht auf die Größe an ...

das lassen wir mal dahingestellt!
aber der Code hier ist für nen Mann und dem fällt jeden Tag was neues ein...
in der Tat ist es so, dass ich zwei unterschiedliche Auszeichnungen für Navigation und Content brauche. Hab ich jetzt auch. Habt ihr das so gemeint?

Grüße Carsten

Hier html

.....
<link href="script/2links.css" rel="stylesheet" type="text/css">
</head>

<body>
<p><a href="link1.htm" class="link1">der eine link </a></p>
<p><a href="link2.htm" class="link2">der andere link </a></p>
</body>
.....

Hier css

a.link1:link { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #E9951C;
text-decoration: none;
font-variant: normal;
}

a.link1:visited  {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #E9951C;
text-decoration: none;
font-variant: normal;
}

a.link1:hover {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #F3C582;
text-decoration: none;
font-variant: normal;
}

a.link1:active {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #F9DFBB;
text-decoration: none;
font-variant: normal;
}

a.link2:link { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #E9951C;
text-decoration: none;
font-variant: normal;
}

a.link2:visited  {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #E9951C;
text-decoration: none;
font-variant: normal;
}

a.link2:hover { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #F3C582;
text-decoration: none;
font-variant: normal;
}

a.link2:active {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #F9DFBB;
text-decoration: none;
font-variant: normal;
}