Thema: CSS Einbindung

Wenn der Pfad zur CSS-Datei stimmt, dann sollte das auch grundsätzlich klappen.
Allerdings musst du dann auch die Angaben korrekt vornehmen:

bisher:

Code:

A.menulink {

richtig:

Code:

a.menulink:link {

Wenn du mit Klassen arbeitest, dann müssen sie auch den Bezug über HTML bekommen:

Code:

<a  href="#" class="menulink">Link</a>

Siehe Links unterschiedlich gestalten

Wenn du dann schon anfängst, die Seite neu zu erstellen, dann verzichte auf den ganzen Tabellenkram, beschäftige dich zwecks Formatierung mit CSS, schreibe dann konsequenter Weise auch alle Style-angaben in deine CSS-Datei und entsorge Frontpage von deiner Festplatte.
Das ist insgesamt der zwar etwas mühsamere Weg; er wird sich aber allemal lohnen, wenn du dauerhaft Spaß an deiner Seite haben willst.

Hallo,
erstschonmal danke für die schnelle Antwort.

CSS sieht jetzt so aus:

<!--
A.menulink:link {
display: block;
width: 220px;
text-align: center;
text-decoration: none;
font-family: Arial;
font-size: 10px;
color: #000000;
font-weight: bold;
background-color: #BDAF80;
border-style: ;
border-width: px;
border-color: #;
}
A.menulink:hover {
border-style: ;
border-width: px;
border-color: #;
color: #000000;
background-color: #FF0000;
}
-->
</style>
<table border="0" width="110" align="center">
<tr>
<td><a href="#" class="home">&nbsp;Home</a></td>
</tr>
<tr>
<td><a href="#" class="ubermich">&nbsp;Über mich</a></td>
</tr>
<tr>
<td><a href="#" class="zucht">&nbsp;Zucht</a></td>
</tr>
<tr>
<td><a href="#" class="hengste">&nbsp;hengste</a></td>
</tr>
<tr>
<td><a href="#" class="impressum">&nbsp;Impressum</a></td>
</tr>
<tr>
<td><a href="#" class="ausbildungsstall">&nbsp;Ausbildungsstall</a></td>
</tr>
</table>

leider tut sich aber absolut nichts....

Woher weiß das programm eigentlich, wo das menü hinsoll?

Für weitere Hilfe bin ich dankbar

Das kann auch nicht klappen.
Schau dir noch mal an, was prm geschrieben hat. Er hat es dir schon erklärt.

Aber nochmal:

Deine css:

Code:

A.menulink:link {
 display: block;
 width: 220px;
 text-align: center;
 text-decoration: none;
 font-family: Arial;
 font-size: 10px;
 color: #000000;
 font-weight: bold;
 background-color: #BDAF80;
 border-style: ;
 border-width: px;
 border-color: #;
 }
 A.menulink:hover {
 border-style: ;
 border-width: px;
 border-color: #;
 color: #000000;
 background-color: #FF0000;
 }

muss richtig so sein:

Code:

a.menulink:link {
 display: block;
 width: 220px;
 text-align: center;
 text-decoration: none;
 font-family: Arial;
 font-size: 10px;
 color: #000000;
 font-weight: bold;
 background-color: #BDAF80;
 border-style: ;
 border-width: px;
 border-color: #;
 }
 a.menulink:hover {
 border-style: ;
 border-width: px;
 border-color: #;
 color: #000000;
 background-color: #FF0000;
 }

In deiner Tabelle (Tabellenlayout Bäh!!! --> wie es sein sollte siehe prm) muss du deine klasse ".menulink" eintragen.

Deine:

<table border="0" width="110" align="center">
<tr>
<td><a href="#" class="home">&nbsp;Home</a></td>
</tr>
<tr>
<td><a href="#" class="ubermich">&nbsp;Über mich</a></td>
</tr>
<tr>
<td><a href="#" class="zucht">&nbsp;Zucht</a></td>
</tr>
<tr>
<td><a href="#" class="hengste">&nbsp;hengste</a></td>
</tr>
<tr>
<td><a href="#" class="impressum">&nbsp;Impressum</a></td>
</tr>
<tr>
<td><a href="#" class="ausbildungsstall">&nbsp;Ausbildungsstall</a></td>
</tr>
</table>

Möglickeit:

<table border="0" width="110" align="center">
<tr>
<td><a href="#" class="home menulink">&nbsp;Home</a></td>
</tr>
<tr>
<td><a href="#" class="ubermich menulink">&nbsp;Über mich</a></td>
</tr>
<tr>
<td><a href="#" class="zucht menulink">&nbsp;Zucht</a></td>
</tr>
<tr>
<td><a href="#" class="hengste menulink">&nbsp;hengste</a></td>
</tr>
<tr>
<td><a href="#" class="impressum menulink">&nbsp;Impressum</a></td>
</tr>
<tr>
<td><a href="#" class="ausbildungsstall menulink">&nbsp;Ausbildungsstall</a></td>
</tr>
</table>

Liebe Grüße

iplay

So ist das auch falsch, denn es ist ja keine Klasse "home menulink" usw. definiert.

Es muss bei jedem Link heißen:

Code:

<a href="#" class="menulink">Home</a>
<a href="#" class="menulink">Über mich</a>

Zur Sicherheit lass im CSS-Teil auch mal sämtliche Eigenschaften ohne Werte komplett weg.

Nicht ganz...

Es kann ja sein, das er klassen mit den Namen "home" "ubermich" ... hat.
Wenns so ist, kann man es so schreiben class="home menulink" ... .
Er nimmt damit die klasse "home" und die klasse "menulink".

Liebe Grüße

iplay

Besser wäre es aber auch der Tabelle (Yuck!) die Klasse "menulink" (oder "menu") zuzuweisen, und die einzelnen Links dann z.B. über "#menulink a" (bzw. "#menu a") anzusprechen. Da muss man nicht so eine lange Klasse bei jedem Link hinschreiben.

Aber es hat mir den Tag gerettet, dass auch prm noch was in bezug auf CSS lernen kann Es ist tatsächlich so, dass man einem Element so mehrere Klassen zuweisen kann, getrennt durch Leerzeichen.