Hallo, Ihr Experten.
Ich habe auf meiner Web-Seite
http://homepages.uni-paderborn.de/pilger
verschieden formatierte Links:
- Stinknormale Links
- Buttons mit variabler Länge (Knopf1)
- Buttons mit fester Länge (Knopf2, Damit sie als Block erscheinen)
Obwohl ich bei beiden „Knöpfen“ text-decoration:none angegeben habe, werden manche „Knöpfe“ mit Unterstrich angezeigt, manche aber ohne.
Hier die Datei formate.css:
/* Januar 2005 */
/* Umstelling meines Projekts auf externe CSS-Datei */
/* Ueberschriften */
h1,h2,h3 {font-family:‚Times New Roman‘,Times,serif;color: #FFFF00;
letter-spacing: 3pt;text-align:center}
h1.einzeilig {font-size:48pt;} /* Einzeilige Ueberschrift */
h1.zweizeilig {font-size:40pt;} /* zweizeilige Ueberschrift */
h1.dreizeilig {font-size:36pt;} /* Dreispaltige Ueberschrift */
h2 {font-size:28pt}
h3 {font-size:26pt}
/* Textabsätze */
p {color: #000000;font-family: Helvetica, Arial, sans-serif;line-height:17pt; ; font-size: 13pt;
margin-left: 35px; margin-right: 35px}
#p1 {font-family: „Times New Roman“, Times, serif; font-size: 13.5pt;padding-left: 5px;padding-right: 60px;}
#p2 {text-indent:-40px;margin-left:80px}
#p3 {text-align:right;margin-right:220px}
/* Links */
/* Ein stinknormaler Link */
a:link {text-decoration:underline;}
a:visited {color:#000080;}
a:hover {color:#E00000;}
a:active {color:#E00000;}
a:focus {color:#00E000;}
/* Link als Button */
/* Button ohne feste Breite, Laenge des Buttons entsprechend Text */
.knopf1 {color:#FFFFFF;text-decoration:none;background-color:#33CCFF;font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
padding-right:5px;
padding-left:5px;
/* Die Rahmen um die Buttons */
border-left:3px solid #efefff;
border-top:3px solid #efefff;
border-right:3px solid #000055;
border-bottom:3px solid #000055;
}
.knopf1:visited {
color: #FFFFFF;text-decoration:none;
}
.knopf1:hover {
color: #FF0000;background-color:#5555aa;text-decoration:none;
}
.knopf1:aktiv {
color: #FFFFFF;text-decoration:none;
}
/* Button mit fester Laenge, die mit angegeben wird */
.knopf2 {color:#FFFFFF; text-decoration:none;background-color:#33CCFF;font-family:Helvetica, Arial, sans-serif;
/* Damit die Link-Butons schoen untereinander stehen */
/* Wenn ich versuche, display: block; in den einzelnen Dateien mit anzuwenden klappts noch nicht */
display: block;
/* font-size:15pt; */
font-weight:bold;
text-decoration:none;
padding-right:5px;
padding-left:5px;
/* Die Rahmen um die Buttons */
border-left:3px solid #efefff;
border-top:3px solid #efefff;
border-right:3px solid #000055;
border-bottom:3px solid #000055;
}
.knopf2:visited {
color: #FFFFFF;text-decoration:none;
}
.knopf2:hover {
color: #FF0000;background-color:#5555aa;text-decoration:none;
}
.knopf2:aktiv {
color: #FFFFFF;text-decoration:none;
}
Wer schaut sich mal den Code meiner Dateien an?
Bevor ich die restlichen 20 Dateien mit den Unterkünften formatiere möcht ich mal den Rat der Experten einholen.
Wer macht mir Vorschläge zur Optimierung des Codes?
Gruß
Jochen, der sich langsam die Haare rauft.
)