Menülinks und normale Links trennen

[Peter]

Nabend zusammen

Mir ist grad ein schwerer Fehler bei meinem CSS Design aufgefallen.
Ich habe auf meiner Page einmal ein Menü - natürlich bestehend aus Links <a> das durch den Style Sheet hier "designt" wurde:

#navcontainer ul  {
    padding-left: 0;
    margin-left: 0;
    background-color: #036;
    color: white;
    float: left;
    width: 100%;
    font-family: arial, helvetica, sans-serif;
    }
#navcontainer ul li   { display: inline; }
#navcontainer ul li a  {
    padding: 0.2em 1em;
    background-color: #036;
    color: #FFFF88;
    text-decoration: none;
    float: left;
    border-right: 1px solid #fff;
    }
#navcontainer ul li a:hover {
    background-color: #369;
    color: #fff;
    }

naja tut auch nichts weiter zu Sache...
Ich habe aber natürlich nun auch andere Links auf der Seite die ich z.B. mit

a:link     {color: xxxxx;}
a:visited  {color: xxxxx;}   <-geht das damit sich nur die Farbe ändert?
a:hover    {color: xxxxx;}

aufpeppen möchte. Nun würden sich aber beide Sheets beeinflussen.
Wie bekomme ich die denn nun getrennt... beides bestehen ja aus mehreren Attributen die quasie zusammengehören.

Habt ihr da eine Idee?

Hatte mal an folgendes gedacht (beispiel mit <p>)

CSS
p.Start {....}
HTML
<p class="xxx">...

aber ich glaube das ist nicht das gelbe vom Ei... Auch wenn wie würde ich das dann z.B. in der oberen Source einsetzten?

#navcontainer ul.ONE  {
    padding-left: 0;
    margin-left: 0;
    background-color: #036;
    color: white;
    float: left;
    width: 100%;
    font-family: arial, helvetica, sans-serif;

Danke schon mal!

[Dennis]

Hi Peter,

#navcontainer ul li a
#navcontainer ul li a:hover

a:link
a:visited
a:hover

aufpeppen möchte. Nun würden sich aber beide Sheets beeinflussen.
Wie bekomme ich die denn nun getrennt... beides bestehen ja aus mehreren Attributen die quasie zusammengehören.

Da dürfte es eigentlich keine Probleme geben. Mache erst die allgemeine Definition für A-Elemente und die andere danach, dann werden die Angaben für A-Elemente, die in einem li in ul in einem Element mit der ID "navcontainer" sind überschrieben.

  
a:link    { color: #0000FF; }  
a:visited { color: #721CFF; }  
a:hover   { color: #FF0000; }  
  
#navcontainer ul li a {  
  color: #000000;  
  font-weight:bold;  
}  
#navcontainer ul li a:hover {  
  color: #000000;  
  font-weight:bold;  
  text-decoration:underline;  
}  

So sollte es eigentlich funktionieren ;-)

MfG, Dennis.

[Elya]

Hallo Peter,

#navcontainer ul  {

gibt es keinen #contentcontainer, mit dem Du deine Inhaltslinks kapseln kannst?

Gruß aus Köln-Ehrenfeld,

Elya