Beiträge von sunshine

Hallo.

Ich möchte folgenden Service auf einer HP anbeiten:
Über drei Auswahlkriterien kann sich der Besucher die gewünschte pdf-Datei ansehen/herunterladen.
Ich habe die Auswahl schon mit einem Formular ermöglicht.
Nun komme ich aber nicht weiter...

1. Wie weise ich den enstprechenden pdf-Dateien die Kriterien zu, damit die Zuordnung eindeutig ist und das richtige pdf-Dokument geöffnet wird?

2. Wie kann ich durch den Button "Dokument öffnen" dieses veranlassen?

3. Was muss ich bei action="#" eintragen?

4. Ich kann kein php verwenden...brauche ich eine javascript (wie sieht das aus)?

Ich hofffe, es kann mir jemand weiterhelfen
Vielen Dank, sunshine

Mein Formular sieht im Moment wie folgt aus.

<form action="#" method="POST" name="protokolle" target="_blank">

<TABLE FRAME=VOID CELLSPACING=10 COLS=2 RULES=NONE BORDER=0 width="470">
<COLGROUP>
<COL WIDTH="220">
<COL WIDTH="150">
<COL WIDTH="100">
</COLGROUP>
<tbody>
<tr>
<td>Protokollart
<select style="width:220px;">
<option value="-1">- unbenutzt -</option>
<option value="a">A</option>
<option value="b">B</option>
</select>
</td>
<td>Ort<br />
<select style="width:150px;">
<option value="-1">- unbenutzt -</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
<td>Jahrgang<br />
<select style="width:100px;">
<option value="-1">- unbenutzt -</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
</select>
</td>
</tr>
</table>
<button type="submit" value="Suche starten">Protokoll &ouml;ffnen</button>
</form>

Hallo zusammen.

Ich habe eine Seite im drei Spalten-Layout und Kopfbanner erstellt. Dabei habe ich die einzelnen Bereich mit div's positioniert.
Nun läßt sich das Ergebnis nicht überall gleich schön ansehen. In einigen Browsern zerschießt es das Layout ganz in manchen ist es gar nicht zu sehen...
Das Stichwort ist - so habe ich schon rausgefunden - heißt dabei wohl Browserweiche (Conditional Comments). Wie man diese einbinden muss, habe ich gefunden .

Für jeden berücksichtigten Browser solch ein Syntax:
<!--[if lt IE 6]>
<link rel="Stylesheet" href="ie5.css" type="text/css" />
<![endif]-->

Nun verstehe ich aber nicht, wie ich die speziellen css-Dateien anpassen kann....(Brett vorm Kopf?!?) Ich meine, gibt es für die einzelnen Browser andere "Keywords" innerhalb der Css. Oder muss ich mir sämtliche Browser zulegen und dann das Layout per Hand anpassen?

Ich weiß im Moment überhaupt nicht, wie ich das (möglichst schnell) umsetzten kann....

Danke Euch, sunshine
(meine css-Datei lautet...

body {
background-color: #EAEAEA;
font-family: Sans-serif, Trebuchet MS, Arial, Helvetica;
padding: 0px;
margin: 0px;
min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

p, td, dd {
margin-top:12px; margin-bottom:12px;
font-size:10pt;
line-height:1.35;
color: #000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}

#wrap {/* Bereichsdefinition (zentrierte Allgemeinausrichtung)*/
width: 900px;
margin: 0 auto;
text-align: left;
}

#kopf {/* Bereichsdefinition für Logo/Banner*/
background-color:#FFFFFF;
width: 900px;
height: 105px;
text-align:right;
margin: 15px;
}

#navigation_seite { /* Bereichsdefinition */
font-size: 75%;
float: left;
width: 220px;
margin-left: 15px;
margin-top: 5px;
padding: 0;
background-color:#EAEAEA;
}

#navigation_seite h4, a {
font-size: 85%;
line-height:1.0;
color: #0318FE;
text-decoration: none;
}

#navigation_seite p {
font-size: 75%;
line-height:1.0;
color: #000000;
text-decoration: none;}

#hauptfenster {/* Bereichsdefinition */
margin-left: 235px;
margin-right: -65px;
margin-top: 0px;
background-color:#FFFFFF;
width: 495px;
float: left;
padding: 15px;
}

#hauptfenster a {
color: #0318FE;
text-decoration:none;
}

#hauptfenster a:hover, #kontakt a:hover, #downloads a:hover {
color: #0318FE;
text-decoration:underline;
}

#kontakt {
font-size: 75%;
float: right;
width: 220px;
margin-right: -65;
margin-top: 5px;
padding: 5;
background-color:#FFFFFF;
}

#downloads {
padding: 10px;
background-color:#FFFFFF;
float: right;
height: 75%;
width: 220px;
margin-right: -65;
margin-top: 20px;
padding: 5px;
}
#kontakt h1, #downloads h1{
font-size:10pt;
margin-bottom:14px;
margin-top:10px;
margin-left:5px;
line-height:1.2;
color: #000000
padding: 5px;
}

#kontakt p, #downloads p {
margin-left:5px;
text-decoration:none;
font-size:9pt;
line-height:1.2;
}

#kontakt a, #downloads a{
margin-left:5px;
text-decoration:none;
font-size:9pt;
line-height:1.2;
color: #0318FE;
}

#downloads li {
list-style-type: none;
font-size:9pt;
line-height:1.2;
color: #000000;
}

p.copyright {
padding-top: 20px;
font-size: 9pt;
text-align: right;}

div {clear:both;}

dt {
font-size:10pt;
font-weight: bold;
font-family: san-serif, Trebuchet MS, Arial, Helvetica;
line-height:1.35;
color: #000000;}

ul {
list-style-type: circle;
font-size:10pt;
line-height:1.35;
color: #000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;}

caption {
text-align: center;
line-height: 1;
font-weight: bold;
font-style: italic;
font-size: 18pt;
}

thead, tfoot {
font-weight: bold;
}

p.abb {margin-top:0; margin-bottom:12px;
font-size:10pt;
line-height:1.35;
color: #000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
clear:left;
text-align:left;}

p.foto {margin-top:0; margin-bottom:12px;
font-size:10pt;
line-height:1.35;
color: #000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}

.merke {
font-size:8pt;
font-style:italic;
line-height:1.35;
color: #000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}
}
.mehr, .zurueck {font-size:9pt;
line-height:1.35;
color: #000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}

.top {
font-size: 7pt;
line-height:0.5;
text-align:right;
color: #000066;
font-family: Arial, Helvetica, san-serif;
}

.anmerkung {
font-size: 10pt;
font-style:italic;
line-height:1.35;
color: #4D65A0;
font-family: Sans-serif, Trebuchet MS, Arial, Helvetica;
}

.noprint {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;
}

.images {
float:left;}

img {margin-right:10px;
margin-bottom:10px;
margin-top:10px;
font-size:10pt;
line-height:1.35;
color: #4D65A0;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}
img_alt {padding:20px align=bottom}

h1 {font-size:12pt; margin-bottom:14px; line-height:1.2;color: #000000}
h2 {font-size:11pt; margin-bottom:13px; margin-top:26px; line-height:1.2;color: #000000}
h3 {font-size:10pt; margin-bottom:12px; margin-top:24px; line-height:1.2;color: #000000; margin-top:0;}
h4 {font-size:10pt; margin-bottom:6px; margin-top:11px; line-height:1.2;color: #000000; text-decoration:underline}
h5 {font-size:10pt; margin-bottom:0px; margin-top:0px; line-height:1.2;color: #000000;font-style:italic}
li {font-size:10pt; line-height:1.35;color: #000000}
ol {font-size:10pt; line-height:1.35;color: #000000;style="margin-right:2em";style="margin-left:2em"}
a {text-decoration:none; font-weight:none; font-size:9pt; line-height:1.2;}

hr{
size:5px;
color:#FF0000;
width:75%;
align:center;}

a.info {text-decoration:none;color:red;font-weight:normal;}
a.info:hover {text-decoration:none; color:red;}
a.info span {visibility:hidden;position:absolute;padding:3px;font-weight:normal;text-decoration:none;width:550px;}
a.info:hover span {visibility:visible;background-color:#CFCFCF;font-size:10pt;color:#000000;text-decoration:none;}
________________________________________________
Es wäre schön, wenn mir jemand mal sanft auf den Hinterkopf hauen könnten, vielleicht fällt dann der Groschen!

Hallo.

Bislang habe ich nur mit Frames gearbeitet.
Da ich in Zukunft die Dateien u.a. abspecken möchte, habe ich vor die Frames durch "div"-Bereiche zu ersetzten.
Dies klappt auch.
Nun hatte ich zusätzlich noch vor die "festen" div-Beriech (kopf, navi_oben und hauptnavigation (links neben dem Hauptbereich)) dynamisch durch php einzubinden.
Leider erscheinen die php-Dateiei nicht im Browserfenster (ich kontrolliere im Moment ausschließlich offline) und es erscheint nur der Text im #hauptfenster.

Es wäre schön, wenn mir jemand helfen und mir sagen könnte, was ich falsch gemacht habe (ich habe´mich u.a. an <!-- m --><a class="postlink" href="http://www.homepage-total.de/php/seiten_generieren.php">http://www.homepage-total.de/php/seiten_generieren.php</a><!-- m --> orientiert).

Danke, sunshine

Mein Quelltext lautet wie folgt (pfad-Angaben und Dateinamen für die php-Dateinen sind richtig!).

index.html

<html>

<head>
<meta name="robots" content="noindex,nofollow"></meta>
<title> Titel </title>
<link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen">
</head>

<body>

<div id="wrap"> <!--horizontale Zentrierung-->

<div id="kopf"> <!-- Kopfzeile -->

<?php include ("../php/kopf.php"); ?>

</div>

<div id="navigation_oben">

<?php include ("../php/navi_oben.php"); ?>

</div>

<div id="navigation_seite"> <!-- Hauptnavigation-->

<?php include ("../php/hauptnavigation.php"); ?>

</div>

<div id="hauptfenster"> <!--Die Inhalte-->

<p>
<br>
Text . bla bla bla
</p>
<br>
<p>
<h4>Informationsmaterial (pdf-Dateien)</h4>
<br>
<a href= "" target="_blank" > Flyer A </a><br>
<br>
<a href= "" target="_blank" > Flyer B </a><br>
</p>

</div>

</div>

</body>
</html>

Aufbau php-Dateien (z.b. navi_oben)

<html>

<head>
<meta name="robots" content="noindex,nofollow"></meta>
<title>Fachplan Küstenschutz Sylt</title>
<link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen">
</head>

<body>

<!--Bereich für die Navigation-->

<ul>
<li><a href="Aktuell.html">Aktuelles</a></li>
<li><a href="Bereisungen.html">Bereisungen</a></li>
<li><a href="Termine.html">Termine</a></li>
<li><a href="Kontakt.html">Kontakt</a></li>
<li><a href="index.html">Startseite</a></font></li>
</ul>

</body>

</html>

sorry, es sind ein paar tage vergangen....

die image-dateien hatte ich natürlich gleich als erstes ersetzt

der verlängerte Unterstricht bleibt leider aber, so dass ich text-decoration: underline nun einfach nur in text-decoration: none ersetze habe.

also nochmals danke,
sunshine

danke, dass hat soweit alles gut geklappt und mein layout habe ich auch anpassen können.

allerdings verläuft mein Unterstricht im Haupttext zu lang und befindet sich auch hinter dem Schlagwort. ("_gebaut") . Muss ich den "hover"-Bereich verkleiner oder wei bekomme ich den "Schnipsel" weg. (ps. ich kann die Adresse der HP nicht nennen, da sie noch ncith online ist)

Quelltext:

<p>Seit jeher
<a class="info" href="#"><b>Buhnen</b><img src="../bilder/info.jpg" width="8" height="14" border="0" alt="">
<span style="text-align:left;left:160pt;margin-top:-20pt;" class="info"><img src="../bilder/info.jpg" width="15" height="26" border="0" alt="">
Senkrecht zum Ufer in ein Gewässer vorgebautes Uferschutzwerk aus Busch, Holz, Stein, Stahlbeton oder Asphalt. Buhnen haben den Zweck, die Strömung des Wassers vom Ufer abzuweisen, auf die Wasserbewegung beruhigend zu wirken und das Absetzen der im Wasser befindlichen Feststoffe (Schlick, Sand) zu fördern. Das in das Ufer eingebundene landseitige Ende der Buhne heißt Buhnenwurzel, der wasserseitige vordere Teil Buhnenkopf. Zwischen zwei benachbarten Buhnen liegende Strand- oder Wattflächen werden Buhnenfelder genannt.</span></a>
gebaut, um den K&uuml;stenabbruch zu verhindern oder zumindest zu verz&ouml;gern. Eine entscheidende Verminderung des K&uuml;stenr&uuml;ckganges ist durch Buhnen der unterschiedlichsten Bauformen nicht erreicht worden. <br><br>
Es k&ouml;nnen durchaus Anfangserfolge durch den Bau von Buhnen eintreten, die jedoch in der Folgezeit wieder verschwinden. Die Berechnungen, die f&uuml;r den Mittelteil von Sylt einen etwas verringerten K&uuml;stenabbruch ergeben, enthalten s&auml;mtlich einen oder mehrere der folgenden Fehler: <br>
</p>

css.

a.info {text-decoration:underline;color:green;font-weight:normal;}
a.info:hover {text-decoration:none; color:green;}
a.info span {visibility:hidden;position:absolute;padding:2px;font-weight:normal;}
a.info:hover span {visibility:visible;border:1px double #2F2F2F;color:#2F2F2F;background-color:#9999FF;font-size:10pt;color: #000066;}

also das "heranziehen" stelle ich mir vor, dass durch einen verweis wie bspw. a href="12_00_Glossar.html#glossar buhne" der Textabschnitt aus dem Bereich "glossar buhne" der Glossar.html in der Sprechblase, die im Hauptext in z. B. der Bauwerke.html existiert, erscheint, ohne dass ich den kompletten Definitionstext in die Bauwerke.html neu eingeben muss.

Vielleicht ist es ja auch nur reine Bequemlichkeit, dann mach ich es so wie bei dir (.swf etc.)

Versuche gerade deinen Qelltext zu verstehen...aber kannst du das Vorgehen vielleicht für "Dummies" noch mal erläutern,

danke

genau so stelle ich mir das vor... (oder per Klick, das ist egal, wobei es so wie bei "winfuture" eleganter ist)

Aber, die Definition möchte ich nicht in jedem Quelltext der Einzelkapitel hinterlegen. Daher soll eine Link zum Glossar die Definition "heranziehen"

Hallo.

Ich möchte einzelne Schlagwörter in einem Text innerhalb der einzelnen Kapitelseiten mit Begriffen einer Glossar.html verlinken.

Die Glossarbegriffe sind bislang wie folgt eingebunden.

<a name="glossar brandung"><h4>Brandung</h4></A>
<p>Text</p>

Den "einfachen Link" in den Hauptkaiteln über:

<p>Seit je her werden <a href="12_00_Glossar.html#glossar buhne" target="_blank">Buhnen</a> gebaut, um den Küstenabbruch zu verhindern oder zumindest zu verzögern. bla bla bla
</p>

Nun fände ich es schöner, wenn sich beim Überfahren des Stichwortes "Buhne" im Haupttext ein kleines Fesnter öffnet, welches nur die Erklärung für den entsprechenden Begriff enthält.

Daher meine beiden Fragen.

1. Wie realisiere ich einen popup/mousover?
2. Wie muss ich mein Glossar "umstricken, damit nur die Begrifferklärung erfolgt und nicht das komplette Glossar geöffnet wird?

Danke Euch
sunshine

Hallo.
Ich habe meine Abbildungungen und die zugehörigen Abbildungsbezeichnungen mit dem <div> </div> Einschluss eingebunden.

<div class="images">
<A HREF="../bilder/x.jpg">
<img src="../bilder/x.jpg" style="float:left; margin-right:10px; margin-bottom:10px; margin-top:10px" width=400 alt=""></a>
<p class="Abb">Abbildung 3.8.2: x</p>
</div>

Nun habe ich noch einen Frage zur CSS.

Einige Abbildungsbezeichnungen sind sehr lang. Daher wollte ich für einen fließenden Text (an eingen Stellen soll neben dem links stehenden Bild, rechts der Text stehen) die Breite für die Abbildungsbezeichnungen begrenzen.

Durch

#images{
float:left;
width:400px; }

in der styles.css konnte ich dies auch. (also lag ich wohl prinzipiell nicht falsch). Allerdings sind nicht alle Bilder einheitlich 400px breit.
Gibt es ein Form für die css, um die Breite der Abbildungsbezeichnungen entsprechend der Bildbreite anzupassen?

Vielleicht sowas wie:

#images{
float:left;
width:=img widht oder =img}....??

Danke euch, sunshine (wenn möglich ohne java, da ich recht neu in der Materie bin)

meine styles.css lautet:

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}

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}

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;
}
p.abb {margin-top:0; margin-bottom:12px;
font-size:10pt;
line-height:1.35;
color: #4D65A0;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
clear:left;
text-align:left;}

p.foto {margin-top:0; margin-bottom:12px;
font-size:10pt;
line-height:1.35;
color: #4D65A0;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}
p.mehr {margin-top:12px; margin-bottom:12px;
font-size:7pt;
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;
}

.noprint {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;
}

.images {
float:left;
}
p.tabelle {
font-size:10pt;
line-height:1.35;
color: #4D65A0;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}

img {margin-top:0; margin-bottom:12px; padding:inherit;
font-size:10pt;
line-height:1.35;
color: #4D65A0;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;
}
img_alt {padding:20px align=bottom}
div {clear:both}

Moin.

Folgendes Problem liegt vor: Ich habe eine print.css erstellt mit der ich für den Druck eingie (Navigations)Elemene ausblende. Das funktioniert auch. Nun ist es aber so, dass Bilder, die für das Verständnis mitgedruckt werden müssen, über den Bildrand hinausgehen.
Gibt es eine Möglichkeit, die Bilder (class="images") so anzupassen, dass die Breite der Steie angenommen wird und die Bilder dementrpechend auf die zur Verfügung stehende Seitenbreite angepasst werden? (Die Bildgrößen und Annnordnung sind nicht einheitlich (300-500px BReite) und mal auch mehrere Bilder in einer Reihe. Ehrlich gesagt, dachte ich, durch die Angebe der Seitengröße und Ausrichtung "wüßte" der Rechner bescheid

meine aktuelle print.css sieht woe folgt aus:

@page {
size: auto;
margin: 2.5cm; }

body{
background-color: #FFFFFF !important;
background-image: none !important;
color:#000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;}

h1, h2, h3, h4{
font-size: 12pt;
color:#000000;
background-color:#fff;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;}

p {
font-size: 11pt;
color:#000000;
font-family: "Sans Serif", "Trebuchet MS", Arial, Helvetica, san-serif;}
text-align:justify;
}

.mehr, .top, .foto {
display:none;
}

Bilder werden wie folgt in *.html eingebunden.

<table>
<tr>
<td><A HREF="../bilder/X.jpg" target="_blank"><IMG SRC="../bilder/X_400px.jpg" alt="&Uuml;berflutungsbereich 1" style="float:left; margin-right:10px; margin-bottom:10px"></A> </td>
<td><A HREF="../bilder/Y.jpg" target="_blank"><IMG SRC="../bilder/Y_400px.jpg" alt="&Uuml;berflutungsbereich 2" style="float:left; margin-right:10px; margin-bottom:10px"></A> </td>
</tr>
<tr>
<td width="50%"> <p class="Abb">Abbildung 2.6.2.2: Szenario 1</p> </td>
<td width="50%"> <p class="Abb">Abbildung 2.6.2.3: Szenario 2</p> </td>
</tr>
</table>

oder so:

<div class="images">
<A HREF="../bilder/Plankarten/anlagen-1.jpg">
<img src="../bilder/Plankarten/anlagen-1.jpg" style="margin-right:10px; margin-bottom:10px; margin-top:10px" width=400 alt=""></a>
<p class="Abb">Abbildung 3.8.1: x</p>
</div>

Danke schon im Vorraus, sunshine

Besten Dank,
Sie wissen gar nicht, wiieee lange ich schpon hin her probiert habe!

Hall zusammen.

Ich habe eine Seitennavigation "Seitenanfang" auf meine HP eingeplant. Diese habe ich wie folgt realisiert (funktioniert auch):

<head>
<title> K&uuml;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&auml;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&ouml;mung">2.4.3 Tidestr&ouml;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}