Liebe/-r Experte/-in,
ich habe mich dazu entschlossen mein Layout und Inhalt zu trennen. Und versuche jetzt meine Seite via XHTML und CSS umzusetzen. Im Augenblick noch in der Testphase.
Als erstes habe ich eine Navigation erstellt.
Die Schriftart, und die Änderungen beim mouse_over (hover) werden korrekt dargestellt.
Das Funktioniert einwandfrei.
Nur der Rahmen um die Links wird abhängig vom Text angezeigt. Das heißt das die Rahmengröße vom Textinhalt des Links abhängig ist.
Ich möchte aber das egal was im Linktext steht, der Rahmen immer 150px breit und 50px hoch ist.
Mein XHTML:
Design Test
Im a href steht class=„sub“ aus irgendeinem Grund zeigt er hier den Quelltext nicht korrekt an (trotz prehtml tag) (target="_blank" rel=„nofollow“ ist nicht von mir das wird automatisch anstelle von class=„sub“ angezeigt. Obwohl in meinem Quelltext class=„sub“ steht. Keine Ahnung warum die Links bei der Anzeige so um geschrieben werden)
Mein CSS:
@charset „utf-8“;
/* Zurücksetzen der Innen- und Außenabstände */
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; }
/**
* @section Bilder
*/
img { vertical-align: bottom; }
/* Rahmen verlinkter Bilder entfernen */
a img { border: 0 none; }
/**
* @section div
*/
div { border: 0 none; overflow: hidden; }
/* Sub Navigation Container links --------------------------------------------------- */
div#startnavi {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 460px;
background-color:#ffffff;
}
#startnavi ul {
list-style-type: none;
}
#startnavi li {
list-style:none;
display: block;
vertical-align: middle;
line-height: 43px;
}
a.sub {
width: 150px;
height: 50px;
margin: 5px;
padding: 6px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
border: 1px dotted rgb(153, 153, 153);
color: #000000;
}
a.sub:hover {
text-decoration: underline;
background-color: #999999;
}
Wo ist mein Fehler??
Für die Hilfe und die damit verbundene Mühe danke Ich euch im voraus.
Gruß Andreas
