Hall zusammen.
Ich habe eine Seitennavigation "Seitenanfang" auf meine HP eingeplant. Diese habe ich wie folgt realisiert (funktioniert auch):
<head>
<title> Küstenschutz (2.4 Hydrologie) </title>
<link rel="stylesheet" type="text/css" href="styles.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
<body>
<h1> 2.4 Hydrologie </h1>
<p>Dieses Kapitel enthält Angaben zu folgenden Themen:<br>
<a href="#Wasserstand">2.4.1 Wasserstand</a><br>
<a href="#Wind">2.4.2 Wind</a><br>
<a href="#Strömung">2.4.3 Tideströmung</a><br>
<a href="#Seegang">2.4.4 Seegang</a><br>
</p>
<h2><a Name="Wasserstand">2.4.1 Wasserstand</a></h2>
<p> bla bla bla </p>
<div class="top"><a href="#top">Seitenanfang</a></div>
<h2><a Name="Wind">2.4.2 Wind</a></h2>
<p> bla bla bla </p>
<div class="top"><a href="#top">Seitenanfang</a></div>
</body>
</html>
In den styles.css habe ich u.a p und .top definiert. Eigentlich soll "Seitenanfang" kleiner sein als der Rest des Textes. Ich denke, dass "Seitenanfang" die Schriftgröße von "a" (Linkverweis) annimmt und dieser ist auf der lgeichen Schirftgröße wie p. Wie kann ich nur dem a=#top eine kleinnere Schriftgröße zuordnen? Die anderen Verweise sollen in der Hauptschriftgröße bleiben.
Ich hoffe, es kann mir jemand helfen...(styles.css --> siehe unten)
Danke, sunshine (p.s. bin neu in diesem "Geschäft", als bitte wenn es geht in einfachen Worten behilflich sein...;-))
styles.css
body {background: #EDF2FF;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
color: #4D65A0}
h1,h2 {margin:0}
h2 {border-top:2px solid #4D65A0; padding-top:10px}
p, td {margin-top:12px; margin-bottom:12px;
font-size:10pt;
line-height:1.35;
color: #4D65A0;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}
.top {font-size: 7pt;
line-height:0.75;
text-align:right;
color: #4D65A0;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}
h1 {font-size:14pt; margin-bottom:14px; margin-top:28px; line-height:1.2;color: #4D65A0}
h2 {font-size:13pt; margin-bottom:13px; margin-top:26px; line-height:1.2;color: #4D65A0}
h3 {font-size:12pt; margin-bottom:12px; margin-top:24px; line-height:1.2;color: #4D65A0; margin-top:0;}
h4 {font-size:10pt; margin-bottom:6px; margin-top:11px; line-height:1.2;color: #4D65A0}
h5 {font-size:10pt; margin-bottom:0px; margin-top:0px; line-height:1.2;color: #4D65A0}
li {font-size:10pt; line-height:1.35;color: #000080}
ol {font-size:10pt; line-height:1.35;color: #000080;style="margin-right:2em";style="margin-left:2em"}
a {text-decoration:none; font-weight:bold; font-size:10pt; line-height:1.2}