HTML

Link hat falsche Farbe (css) - Hilfe

Diskussionsgruppen
Betriebsysteme: Windows 7; WindowsVista; WindowsXP; Linux; BS-Sonstige
Software: Textverarbeitung; Tabellenkalkulation; Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; E-Mail/Outlook; Internet Browser; SW-Sonstige
Hardware: Mainboard/CPU/RAM; Grafikkarten; Peripherie; HW Sonstiges
Netzwerk: DSL; W-Lan; Telekommunikation; NW-Sonstiges
Programmierung: Skripte(PHP,ASP,Perl...); Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke

Frage

Hallo, nun "spiele" ich mit CSS und habe das erste Problem: die Links sollen in weiss sein, sind aber lila ... ich bekomme es nicht hin, finde den Fehler nicht !!!! Kann jemand helfen ??? So sieht mein Quellcode aus (die Angaben für die Links befinden sich in #menue ): <html> <head> <link rel="STYLESHEET" type="text/css" href="/Includes/Styles.css"> <style type="text/css">  </style> </head> <body> <div id="menue"> Menü 1 <li><a href="test.html">Link 1</a></li> <li><a href="test.html">Link 2</a></li> <li><a href="test.html">Link 3</a></li> <li><a href="test.html">Link 4</a></li> <li><a href="test.html">Link 5</a></li> Menü 2 <li><a href="test.html">Link 1</a></li> <li><a href="test.html">Link 2</a></li> <li><a href="test.html">Link 3</a></li> <li><a href="test.html">Link 4</a></li> <li><a href="test.html">Link 5</a></li> Menü 3 <li><a href="test.html">Link 1</a></li> <li><a href="test.html">Link 2</a></li> <li><a href="test.html">Link 3</a></li> <li><a href="test.html">Link 4</a></li> <li><a href="test.html">Link 5</a></li> </div> <div id="inhalt"> Inhalt hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo </div> </body> </html>

Antwort 1 von DeluxeStyle

Zitat:
die Links befinden sich in #menue

da ist doch dein Fehler.
Du kannst nicht innerhalb einer css Klasse eine weitere definieren.
Die müssen schon extra gemacht werden

Antwort 2 von Petra65

ahaaa ... aber ich möchte dahin, dass im Menü die Links eine andere Farbe haben als später im Inhalt.

Muss ich dann Klassen einsetzen???

Antwort 3 von rfb

Zitat:
Du kannst nicht innerhalb einer css Klasse eine weitere definieren.
Die müssen schon extra gemacht werden

#menue betrifft keine Klasse sondern eine ID!

um Links innerhalb des Elements mit der ID #menue anzusprechen müssen sie wie folgt angegeben werden

#menue a:... { ... }

das sollte bei dir dann ungefähr so aussehen:

#menue {
position:absolute;
top:130px;
left:15px;
width:180px;
height:400px;
padding:10px;
margin:5px;
float:left;
line-height:18px;
font-family:Arial, Helvetica, Verdana;
font size:10pt;
color:#CECECE;
text-align:left;
vertical-align:middle;
background-color:#000040;
}
#menue a:link {
text-decoration:none;
font-family:Arial, Helvetica, Verdana;
color:#CECECE;
font-size:10pt;
}
#menue a:visited {
text-decoration:none;
color:#CECECE;
}
#menue a:hover {
text-decoration:none;
font-weight:bold;
color:#CECECE;
}
#menue a:active {
text-decoration:none;
font-weight:bold;
color:#FFF;
}

Antwort 4 von Petra65

suppiiiii ... funktioniert.

Aber dass das einfacher sein soll als Tabellen bzw. Frames????

Das ist ja eine ganz schöne Schreibarbeit ....

Vielen, vielen Dank

Gruss
Petra

Antwort 5 von rfb

es ist dann einfacher wenn:

du das CSS in eine externe Datei packst, so dass du es nicht auf jede Seite nochmal einfogen musst

du gelernt hast, CSS effektiv zu gebrauchen (schau mal genau in den Code, ich hab schon ein paar überflüssige Formatanweisungen weggelassen, es gibt aber sicherlich noch mehr.
zB
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
verkürzt zu

border: 1px solid #000;
border-right: none;

Und du musst auch nicht für jedes Element die Schriftart etc. festlegen, wenn das beim übergeordnete Element festgelegt ist (das nennt sich vererben)