Wegpunkt-Suche: 

archiviert

 
Normaler Geocache

Jägersberg

Am Rande des Jägersberges bei Ranis

von Burggeist     Deutschland > Thüringen > Saale-Orla-Kreis

Achtung! Dieser Geocache ist „archiviert“! Es befindet sich kein Behälter an den angegebenen (oder zu ermittelnden) Koordinaten. Im Interesse des Ortes sollte von einer Suche unbedingt abgesehen werden!

N 50° 40.462' E 011° 34.565' (WGS84)

 andere Koordinatensysteme
 Größe: mikro
Status: archiviert
 Versteckt am: 08. März 2013
 Veröffentlicht am: 10. März 2013
 Letzte Änderung: 19. September 2022
 Listing: https://opencaching.de/OCF398

1 gefunden
0 nicht gefunden
3 Bemerkungen
1 Wartungslog
1 Beobachter
0 Ignorierer
107 Aufrufe
1 Logbild
Geokrety-Verlauf

große Karte

   

Gefahren
Der Weg
Listing

Beschreibung   

Beispiel für Text im Quelltext, der nicht sichtbar ist:


Vorzeile im Quelltext

Am 16.03.2014 kontrolliert. Dose liegt sicher im Versteck.

Dieser Geocache liegt umgeben von bewirtschafteten Feldern und ist deswegen sicher nicht immer zu erreichen. Außerdem sieht man bei feuchtem Wetter schnell aus wie eine Sau. Apropos : rundherum stehen Hochsitze, dort wird gejagt. Also nur bei Tage aufsuchen. Am besten am "Hundesportplatz" bei etwa 50°40.484' und 11°34.958' parken und von dort aus dem Weg noch ein Stück gen Westen folgen und dann weiter am Waldrand bleiben.

Am einfachsten kann dieser Punkt von oben her aus Richtung Westen aufgesucht werden.

Der Baumpilz wächst über Kopfhöhe.

Inhalt : Logbuch ( KEIN Stift )
Pluto 388EC8B3-155A-11ED-BC12-5959B47B4C0A.pngWikiPedia

Zusätzliche Wegpunkte   andere Koordinatensysteme

Parkplatz
N 50° 40.484'
E 011° 34.958'
Parkplatz beim Hundesportplatz
Info Die zusätzlichen Wegpunkte werden bei Auswahl des Caches auf der Karte angezeigt, sind in heruntergeladenen GPX-Dateien enthalten und werden an das GPS-Gerät gesendet.

Verschlüsselter Hinweis   Entschlüsseln

mjvfpura rvarz Onhz haq rvarz frue xyrvarz Sryf nz Obqra, rgjn 5 z ibz Sryq-/Jvrfraenaq ragsreag hagreunyo rvarf Sryqfgrvaunhsraf

A|B|C|D|E|F|G|H|I|J|K|L|M
N|O|P|Q|R|S|T|U|V|W|X|Y|Z

Bilder

OCF398
OCF398
Baumpilz nordöstlich an Böschungsunterkante
Baumpilz nordöstlich an Böschungsunterkante
Cacher-Messer
Cacher-Messer

Hilfreiches

Dieser Geocache liegt vermutlich in den folgenden Schutzgebieten (Info): FFH-Gebiet Zechsteinriffe in der Orlasenke und Döbritzer Schweiz (Info), Landschaftsschutzgebiet Zechsteinriffe in der Orlasenke (Info)

Suche Caches im Umkreis: alle - suchbare - gleiche Cacheart
Download als Datei: GPX - LOC - KML - OV2 - OVL - TXT - QR-Code
Mit dem Herunterladen dieser Datei akzeptierst du unsere Nutzungsbedingungen und Datenlizenz.

Logeinträge für Jägersberg    gefunden 1x nicht gefunden 0x Hinweis 3x Wartung 1x

Hinweis 30. Juni 2016 Burggeist hat eine Bemerkung geschrieben

Test für "Ijon Tichy"
BILD : Versuche, Link: Geocheck.ORG

FRANKENWALDSteig

                                           

FWS-Schild

| | nav > ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
nav li {flex:1 1 0%;}
@media (min-width:640px) {nav > ul {flex-direction:row;} nav li {flex:1;}}
nav .submenu {visibility:hidden;height:0;z-index:1000;}
nav .submenu li {margin-left:-2.5em;display:/*block;*/flex;/* width:15em; */}
nav li:hover .submenu, nav li:active .submenu, nav li:focus .submenu,nav li:focus-within .submenu {visibility:visible;height:auto;}

<nav>
<ul>
<li tabindex="0"><a href="#">Untermenue 2</a>
<ul class="submenu">
<li><a tabindex="0" href="#2a">Untermenü - Seite 2a</a></li>
<li><a tabindex="0" href="#2b">Seite 2b</a></li>
</ul>
</li>

<li tabindex="0"><a href="#">Seite 4</a>
<ul class="submenu">
<li><a href="#4a">Seite 4a im Untermenü</a></li>
<li><a href="#4b">Seite 4b</a></li>
<li><a href="#4c">Seite 4c</a></li>
</ul>
</li>

</ul>
</nav>

zuletzt geändert am 18. Dezember 2018

Hinweis 01. Juni 2016 Burggeist hat eine Bemerkung geschrieben

18.12.2018

Tipp´s für schicke Log´s

Schicke Log-Texte schreiben ist gar nicht schwer. Mit dem  Editor  von OpenCaching geht das gut. Es gibt aber noch viiiel mehr Möglichkeiten ...
Wenn ihr eure Logs oder Geocachebeschreibungen ein wenig aufpeppen wollt mit besonders gestaltetem Text und Bildern, dann müsst ihr ein ganz klein wenig HTML beherrschen. Das ist keine Hexerei.
16 einfache Befehle für schicke Log´s und Beschreibungen.

Inhalt:

01.) Überschriften <h1> bis <h6>
02.) fetter Text <strong>
03.) kursiver Text <em>
04.) unterstrichener Text <u>
05.) unterstrichener Abschnitt <hr />
06.) durchgestrichener Text <strike>
07.) Zeilenumbruch / Leerzeilen <br />
08.) gestalteter Text (Textbereich) <span>
09.) verschachtelbare Absätze <div>
10.) Bilder anzeigen (als Bild und nicht nur als Verlinkung) <img>
11.) Verbindung/Verlinkung, Verweis <a>
12.) Aufzählung/Liste <ul><li> / <ol><li> / <dl><dt><dd>
13.) Zeichen gleicher Breite <code>
14.) hochgestellter Text <sup>
15.) tiefgestellter Text <sub>
16.) Zitat <blockquote>
HTML-Datei zum Ausprobieren.

Vorbereitung

Am schnellsten kann man Text schreiben, wenn man im Texteditor von OpenCaching nicht die Einstellung  <html>   gewählt hat. Je nach euren Vorlieben stellt ihr  Editor   oder  Text   ein.
Schreibt den Text und schaltet anschließend auf die Einstellung  <html>   um. Diese Schalterreihe befindet sich über dem Rahmen, in dem der Text geschrieben werden kann.
So sieht das aus ...

... wenn ihr die Beschreibung eures eigenen Geocaches bearbeitet
eigene Beschreibung

... wenn ihr einen Log-Text zu einem fremden Geocache schreibt
Logtext

Der HTML-Editor von OpenCaching hat nun bereits an den Zeilenenden, an denen ihr die ENTER-Taste gedrückt hattet, einen HTML-Befehl für den Zeilenumbruch (<br />) angefügt.
Möglicherweise sehen die deutschen Umlaute (Ä, ä, Ö, ö, Ü, ü, ß) nun merkwürdig aus. Das ist richtig so, denn nicht in jeder Sprache auf dem Computer gibt es die. Damit die verschiedenen Browser die richtig darstellen, werden diese Zeichen sozusagen kodiert geschrieben.
Das sind die richtigen Schreibweisen:
Ä: &Auml;    Für vielseitig interessierte gibt´s noch mehr solch geheimnisvolle Zeichen:
ä: &auml;     : &nbsp; (das erzwungene Leerzeichen)
Ö: &Ouml;    ": &quot;   &lt: &lt;     &amp: &amp;
ö: &ouml;    ´: &acute;  >: &gt;
Ü: &Uuml;    °: &deg;    «: &laquo;
ü: &uuml;    ²: &sup2;   »: &raquo;
ß: &szlig;   ³: &sup3;   ─: &#9472;

Graue Eigenschaften werden ausgefiltert/nicht unterstützt von OpenCaching (ansonsten gehen die schon).

01.) Überschriften <h1> bis <h6>

Überschriften werden wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: die eigentliche Überschrift steht zwischen dem Befehl zum Beginn und dem zum Ende dieser Überschrift.
Es gibt in HTML sechs unterschiedlich große Überschriften. Dabei ist die 1. die größte und die 6. die kleinste. So etwa ab der 5. Überschrift sind diese meist kleiner als der normale Text.
Beispiel:
<h1>&Uuml;berschrift 1 (sollte OpenCaching geh&ouml;ren)</h1> ergibt:

Überschrift 1 (sollte OpenCaching gehören)


<h2>2. &Uuml;berschrift</h2> ergibt:

2. Überschrift

...
<h6>kleinste &Uuml;berschrift</h6> ergibt:
kleinste Überschrift

Man kann in HTML wirklich alles umdefinieren. Unter normalen Umständen wird sich weder links noch rechts der Überschrift Text (oder ein Bild) befinden.
Da geht noch was:
Der Befehl <h*> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
float:"left/right": Textumfluss links/rechts
align:"left/center/right/justify": Textausrichtung links/mittig/rechts/Absatzfüllend
color:"Farbe/#-Wert": Textfarbe
background:"Farbe/#-Wert": Hintergrundfarbe
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
border(-left/-right/-top/-bottom)-width:"0-..": Randbreite für diesem Abschnitt
border(-left/-right/-top/-bottom)-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
Viele Eigenschaften für Ränder werden weiter unten im Abschnitt 9.) verschachtelbare Absätze beschrieben.
Beispiele:
<h2 style="float:left;">2. &Uuml;berschrift</h2>&nbsp;(&Uuml;berschriften sind so einsam wie Abs&auml;tze ...<br />&nbsp;... die stehen immer ganz alleine da.)<br /><br /> ergibt:

2. Überschrift

 (Überschriften sind so einsam wie Absätze ...
 ... die stehen immer ganz alleine da.)

<h3 align=center style="margin-top:0px;margin-left:100px;margin-right:100px;background:#ccff88;">mittige &Uuml;berschrift</h3> ergibt:

mittige Überschrift

<h3 align=right><u>rechte &Uuml;berschrift</u></h3> ergibt: (<u> </u> = Unterstreichen, kommt weiter unten)

rechte Überschrift

<h4 style="color:#00ff00;border-bottom:solid;border-color:#880088;">&Uuml;berschrift Nr. 4</h4> ergibt:

Überschrift Nr. 4

02.) fetter Text <strong>

Fetter Text wird wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: der fette Text steht zwischen dem Befehl zum Beginn und dem zum Ende von fettem Text.
Beispiel:
<strong>fetter Text</strong> wird zu: fetter Text

03.) kursiver Text <em>

Kursiver Text wird wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: der kursive Text steht zwischen dem Befehl zum Beginn und dem zum Ende von kursivem Text.
Beispiel:
<em>kursiver Text</em> wird zu: kursiver Text

04.) unterstrichener Text <u>

Unterstrichener Text wird wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: der unterstrichene Text steht zwischen dem Befehl zum Beginn und dem zum Ende von unterstrichenem Text.
Beispiel:
<u>unterstrichener Text</u> wird zu: unterstrichener Text

05.) unterstrichener Abschnitt <hr />

Einen Abschnitt unterstreichen bedeutet, im Textbereich eine horizontale Linie von ganz links bis ganz rechts anzuzeigen.
Eine Linie ist in HTML eines der wenigen Beispiele für einen Befehl, der nicht ausgeleitet (extra beendet) wird.
Beispiel:
<hr /> ergibt eine Linie
Da geht noch was:
Der Befehl <hr /> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
margin:"0-..": Linienabstand zum Absatz
padding:"0-..": Abstand vom Linieninnenrand nach inne
width:"0-..": Linienlänge
color:"Farbe/#-Wert": Linienfarbe (geht nur, wenn keine Ränder angezeigt werden)
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
(Ränder "überschreiben" die Linienfarbe !)
border-width:"0-..": Randbreite für diesem Abschnitt
border-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
Viele Eigenschaften für Ränder werden weiter unten im Abschnitt "verschachtelbare Absätze <div>" beschrieben.
Beispiele:
<hr width=200px color=#ff8000 />
<hr width=160px color=#80ff00 />
<hr width=100px color=#0080ff />
<hr width=20px color=#ff0080 />
<hr width=4px color=#8000ff />

Das führt dazu: (Die Befehle dürfen auch alle in einer Zeile stehen, das Ergebnis ist das gleiche.)





Die Werte für color werden beim farbigen Text erklärt.
Das Beispiel von oben nun in Farbe (kompatibel mit OpenCaching) und mal links:
<hr style="margin-left:0px;width:200px;border-color:#ff8000;border-width:1px;border-style:solid;" />
<hr style="margin-left:20px;width:160px;border-color:#80ff00;border-width:1px;border-style:solid;" />
<hr style="margin-left:50px;width:100px;border-color:#0080ff;border-width:1px;border-style:solid;" />
<hr style="margin-left:90px;width:20px;border-color:#ff0080;border-width:1px;border-style:solid;" />
<hr style="margin-left:98px;width:4px;border-color:#8000ff;border-width:1px;border-style:solid;" />






<hr style="margin-left:0px;padding:0.5px;width:200px;border-color:#ff8000;border-width:4px;border-style:ridge;" /> ergibt:

06.) durchgestrichener Text <strike>

Durchgestrichener Text wird wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: der durchgestrichene Text steht zwischen dem Befehl zum Beginn und dem zum Ende von durchgestrichenem Text.
Beispiel:
<strike>durchgestrichener Text</strike> wird zu: durchgestrichener Text

07.) Zeilenumbruch / Leerzeilen <br />

Ein Zeilenumbruch bedeutet, das nachfolgender Text im Bereich unter dem Zeilenumbruch angezeigt wird.
Ein Zeilenumbruch ist in HTML eines der wenigen Beispiele für einen Befehl, der nicht ausgeleitet (extra beendet) wird.
Beispiel:
<br />führt zu einem Zeilenumbruch.
Der Zeilenumbruch wird stets hinter dem Befehl<br />angezeigt.
ergibt:
Der Zeilenumbruch wird stets hinter dem Befehl
angezeigt.
Da geht noch was:
Der Befehl <br /> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
clear:"left/right/both/none": Textumfluss abbrechen nach ..., Fortsetzung unterhalb
left  = ... float:left, Fortsetzung unterhalb erzwingen
right = ... float:right, Fortsetzung unterhalb erzwingen
both  = ... float:*, erzwingt immer die Fortsetzung unterhalb (der "Alles-wird-gut-Befehl")
none  = erzwingt keine Fortsetzung unterhalb (Standard, entspricht <br />)
Beispiel:
<br style="clear:both;" />

08.) gestalteter Text (Textbereich) <span>

Farbiger Text macht schon was her.
Textbereiche werden wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: der Text steht zwischen dem Befehl zum Beginn und dem zum Ende des Textbereiches.
Neben Textbereichen dürfen Text und Bilder stehen.
Benutzt werden die englischen Farbnamen:
black, gray, silver, white, maroon, olive, red, fuchsia, navy, purple, blue, aqua, lime, teal, green, yellow
Die Angabe <span style="color:green;"> Gras sieht so aus </span> schreibt: Gras sieht so aus.
Wenn eure Lieblingsfarbe nicht bei den Standardfarben dabei ist, schreibt ihr statt dessen deren Farbcode in die span-Angabe:
<span style="color:#rrggbb;"> ... </span>
Dabei stehen rr für den Rotanteil, gg für den Grünanteil und bb für den Blauanteil. Diese Anteile werden Hexadezimal (00 bis FF) angegeben und entsprechen damit einen Bereich von 0 bis 255. So sind 16777216 unterschiedliche Farben möglich.
Viele Programme (zum Beispiel LibreOffice (hier gibt´s schon Hex-Werte), Windows-Paint, die Schreibtischeinstellungen von MacOS (hier gibt´s schon Hex-Werte)) ermöglichen die "von Hand" - Mischung von Farben und geben dezimale Zahlen für die einzelnen Farbanteile aus. Diese können mit dem Taschenrechner vom Betriebssystem in Hexadezimale Werte umgerechnet werden (mit der Einstellung "Programmierer").
Beispiele:
<p style="margin-top:0;background:#ec6c1b;">
<span style="color:#beeade;">
Beeade sieht hellblaugr&uuml;n aus im Gesicht</span> (Beate trinkt ein bisschen viel manchmal).</p>
führt zu:

Beeade sieht hellblaugrün aus im Gesicht (Beate trinkt ein bisschen viel manchmal).

Bei zeichenweise wechselnden Farben kann man wählen, wie alles verschachtelt wird. Die erste Variante ist etwas unübersichtlich. So sieht das aus:
<span style="color:#8909ec;">F<span style="color:#9212d9;">a<span style="color:#9b1bc6;">r<span style="color:#a424b3;">b<span style="color:#ad2da0;">i<span style="color:#b6368d;">g<span style="color:#bf3f7a;">e<span style="color:#c84867;">r<span style="color:#d15154> <span style="color:#da5a41;">T<span style="color:#e3632e;">e<span style="color:#ec6c1b;">x<span style="color:#f57508;">t</span></span></span></span></span></span></span></span></span></span></span></span></span;">
das ergibt: Farbiger Text
Die zweite Variante ist besser lesbar:
<span style="color:#8909ec;">F</span> <span style="color:#9212d9;">a</span> <span style="color:#9b1bc6;">r</span> <span style="color:#a424b3;">b</span> <span style="color:#ad2da0;">i</span> <span style="color:#b6368d;">g</span> <span style="color:#bf3f7a;">e</span> <span style="color:#c84867;">r</span> <span style="color:#d15154;"> </span> <span style="color:#da5a41;">T</span> <span style="color:#e3632e;">e</span> <span style="color:#ec6c1b;">x</span> <span style="color:#f57508;">t</span;">
das ergibt: Farbiger Text.
Im fetten Quelltext sind die einzelnen Buchstaben vom Text "Farbiger Text" bunt geschrieben, damit sie besser von den Befehlen zur Textformatierung zu unterscheiden sind. Im Quelltext hat natürlich in Wirklichkeit alles die gleiche Farbe und erst bei der Darstellung entstehen die verschiedenen Farben.
Da geht noch was:
Der Befehl <span> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
margin(-left/-right/-top/-bottom):"0-..": Abstand zwischen dem umgebendem Objekt und den Rändern
padding(-left/-right/-top/-bottom):"0-..": Abstand zwischen Text und den Rändern
color:"Farben/#-Werte": Textfarbe in diesem Abschnitt
background:"Farben/#-Werte": Hintergrundfarbe in diesem Abschnitt
font-style:"normal/italic/oblique": Textneigung (gerade/rechtsgeneigt/schräg)
font-weight:"lighter/normal/bold/bolder": Schriftstärke (dünn/normal/dick/noch dicker)
text-decoration:"none/overline/line-through/underline": Textunterstreichung (nicht/überstrichen/durchgestrichen/unterstrichen)
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
border(-left/-right/-top/-bottom)-width:"0-..": Randbreite für diesem Abschnitt
border(-left/-right/-top/-bottom)-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
Beispiele:
Teilweise<span style="margin-left:5px;padding-left:5px;margin-right:5px;padding-right:5px;border-left:solid;border-right:solid;background:silver;color:#4455ff;border-left-color:lime;border-right-color:#ee11ff;">markierter</span>Text
ergibt:
TeilweisemarkierterText

<span style="font-weight:bold;">fetter Text, mal anders gemacht&lt/span> ergibt:
fetter Text, mal anders gemacht

<span style="font-style:italic;">kursiver Text, mal anders gemacht</span> ergibt:
kursiver Text, mal anders gemacht

<span style="border-bottom-style:solid;border-width:1px;">unterstrichener Text, mal anders gemacht</span>
<span style="text-decoration:underline;">unterstrichener Text, mal anders gemacht</span>
ergibt:
unterstrichener Text, mal anders gemacht unterstrichener Text, mal anders gemacht

<span style="text-decoration:line-through;">durchgestrichener Text, mal anders gemacht</span> ergibt:
durchgestrichener Text, mal anders gemacht

Manchmal soll Text zusammengehalten werden. Das geht so:
<div style="display:inline-block;width:8em;border-style:dotted;border-color:#0088ff;">
Wenn man zum Beispiel in der Beschreibung die Koordinate eines Wegpunktes (<nobr>48°20,123' 009°16,456'</nobr>) angibt, sollte die Koordinate nicht getrennt werden.</div>
wird zu:
Wenn man zum Beispiel in der Beschreibung die Koordinate eines Wegpunktes (48°20,123' 009°16,456') angibt, sollte die Koordinate nicht getrennt werden.
Wenn man zum Beispiel in der Beschreibung die Koordinate eines Wegpunktes (48°20,123' 009°16,456') angibt, sollte die Koordinate nicht getrennt werden.

Das rechte Beispiel mit dem grünen Rahmen funktioniert auch bei OpenCaching. Das wird so gemacht:
<div style="margin-left:5em;display:inline-block;width:8em;border-style:dotted;border-color:#00ff88;">
Wenn man zum Beispiel in der Beschreibung die Koordinate eines Wegpunktes (<span style="white-space:nowrap;">48°20,123' 009°16,456'</span>) angibt, sollte die Koordinate nicht getrennt werden.</div>

09.) verschachtelbare Absätze <div>

Verschachtelbare Absätze werden wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: der Inhalt dieses Absatzes steht zwischen dem Befehl zum Beginn und dem zum Ende des Absatzes.
Beispiele:
<div>vorhergehender Absatz</div><div>nachfolgender Absatz</div> ergibt:
vorhergehender Absatz
nachfolgender Absatz
Vor und nach jedem Absatz entsteht keine leere Zeile. Verschachtelbare Absätze stehen immer untereinander.
Sie eignen sich hervorragend für die Darstellung von Spalten. So spart man sich die komplizierte Verschachtelung der Befehle zur Tabellenerstellung.
Da geht noch was:
Der Befehl <div> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
float:"left/right": Textumfluss links/rechts
text-align:"left/center/right/justify": Textausrichtung links/mittig/rechts/Absatzfüllend
margin(-left/-right/-top/-bottom):"0-..": Abstand zwischen dem umgebendem Objekt und den Rändern
padding(-left/-right/-top/-bottom):"0-..": Abstand zwischen Text und den Rändern
color:"Farben/#-Werte": Textfarbe in diesem Abschnitt
background:"Farben/#-Werte/:url()": Hintergrundfarbe in diesem Abschnitt, Hintergrundbild
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
border(-left/-right/-top/-bottom)-width:"0-..": Randbreite für diesem Abschnitt
border(-left/-right/-top/-bottom)-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
Beispiele:
<div style="float:left;margin-right:10px;padding:10px;border-bottom-style:solid;text-align:center;">Text</div>
<div style="float:left;padding:10px;text-align:center;color:blue;background:yellow;border-style:solid;border-left-width:2px;border-right-width:4px; border-top-width:6px;border-bottom-width:8px;border-left-color:lime;border-right-color:aqua;border-top-color:fuchsia;border-bottom-color:maroon;">
weiterer Text</div>
<div style="margin-left:10px;padding:10px;border-bottom-style:solid;text-align:center;">
noch mehr Text</div> ergibt:
Text
weiterer Text
noch mehr Text


<div style="float:left;padding:10px;">Ohne eine Breitenangabe</div>
<div style="float:left;padding:10px;border-left-style:solid;border-right-style:solid;border-width:2px;">
reagieren die Spalten dynamisch</div>
<div style="float:left;padding:10px;">
auf den Text.</div>
<br style="clear:both;" />
ergibt:
Ohne eine Breitenangabe
reagieren die Spalten dynamisch
auf den Text.



<div style="float:left;padding:10px;">Ohne eine Breitenangabe</div>
<div style="float:left;padding:10px;border-left-style:solid;border-right-style:solid;border-width:2px;">
reagieren die Spalten dynamisch</div>
<div style="float:left;padding:10px;">
auf den Text. Am Seitenrand tritt dann aber irgendwann ein Problem auf.</div>
<br style="clear:both;" />
ergibt :
Ohne eine Breitenangabe
reagieren die Spalten dynamisch
auf den Text. Am Seitenrand tritt dann aber irgendwann ein Problem auf.



<div style="float:left;padding:10px;">Ohne eine Breitenangabe<br /><br /><br /></div>
<div style="float:left;padding:10px;border-left-style:solid;border-right-style:solid;border-width:2px;">
reagieren die Spalten dynamisch<br /><br /><br /></div>
<div style="float:left;padding:10px;">
auf den Text. Am Seitenrand tritt<br />dann aber irgendwann ein Problem auf,<br />auf das man reagieren muss.</div>
<br style="clear:both;" />
ergibt:
Ohne eine Breitenangabe


reagieren die Spalten dynamisch


auf den Text. Am Seitenrand tritt
dann aber irgendwann ein Problem auf,
auf das man reagieren muss.



<div style="width:664px;margin:0px auto;">
<div style="float:left;width:200px;">
<div style="text-align:center;"><strong>
&Uuml;berschrift 1. Spalte</strong></div>
<div style="border-top-style:solid;padding-right:5px;text-align:right;">
Spaltenzeileninhalt 1</div>
<div style="border-top-style:dotted;border-color:gray;padding-right:5px;text-align:right;">
Spaltenzeileninhalt 2</div>
</div><!--Ende Spalte 1-->
<div style="float:left;width:260px;border-left-style:solid;border-right-style:solid;border-width:2px;">
<div style="text-align:center;"><strong>
&Uuml;berschrift 2. Spalte</strong></div>
<div style="border-top-style:solid;padding-right:5px;text-align:right;">
Spaltenzeileninhalt 3</div>
<div style="border-top-style:dotted;border-color:gray;padding-right:5px;text-align:right;">
Spaltenzeileninhalt 4</div>
</div><!--Ende Spalte 2-->
<div style="float:left;width:200px;">
<div style="text-align:center;"><strong>
&Uuml;berschrift 3. Spalte</strong></div>
<div style="border-top-style:solid;padding-right:5px;text-align:right;">
Spaltenzeileninhalt 5</div>
<div style="border-top-style:dotted;border-color:gray;padding-right:5px;text-align:right;">
Spaltenzeileninhalt 6</div>
</div><!--Ende Spalte 3-->
</div><!--Ende Bereich aller Spalten-->
<br style="clear:both;" />
ergibt:
Überschrift 1. Spalte
Spaltenzeileninhalt 1
Spaltenzeileninhalt 2
Überschrift 2. Spalte
Spaltenzeileninhalt 3
Spaltenzeileninhalt 4
Überschrift 3. Spalte
Spaltenzeileninhalt 5
Spaltenzeileninhalt 6

Das vorstehende Beispiel zeigt die Verschachtelung von div-Befehlen zur Gestaltung von Spalten.
Der äußere Bereich beschreibt die Breite aller drei Spalten (200+260+200 Bildpunkte + 2 mal 2 Bildpunkte für die senkrechten Trennlinien der mittleren Spalte). "margin:0px auto;" bewirkt die mittige Darstellung.
Nun werden nacheinander die drei Spalten und ihr Inhalt beschrieben. In jeder Spalte sind die Zeilen mit dem Inhalt eingefasst in ein weiteres div das dafür sorgt, dass neben diesem div ("float:left") etwas stehen darf (das nächste div) und auch gleich die Breite dieser Spalte festlegt.
<!--...--> ist ein Kommentar und bei der Anzeige nicht zu sehen.

<div style="background:url(https://www.opencaching.de/images/uploads/52EBE9D7-DC56-11E8-ABB9-7A77A1E8E1C6.png);">
<img src="https://www.opencaching.de/images/uploads/37EE0531-A789-11E7-BEE1-E297132BC419.jpg" width="80" align="right" />
<br />
Ein Hintergrundbild wird mit den Standardeinstellungen im gesamten Objekt wiederholt angezeigt.<br /><br /> Man kann darin natürlich auch wieder ein Bild anzeigen.<br /><br />
</div>

37EE0531-A789-11E7-BEE1-E297132BC419.jpg
Ein Hintergrundbild wird mit den Standardeinstellungen im gesamten Objekt wiederholt angezeigt.

Man kann darin natürlich auch wieder ein Bild anzeigen.


10.) Bilder anzeigen (als Bild und nicht nur als Verlinkung) <img>

Sowohl in der Beschreibung des eigenen Geocaches als auch im Log zu einem fremden Geocache ist es möglich, Bilder anzuzeigen. So gehts:
  • a) Bild zu OpenCaching hochladen
  • b) Pfad zum bei OC gespeichertem Bild ermitteln
  • c) mit dem <img> - Befehl das Bild anzeigen
10a) Bild zu OpenCaching hochladen
Ein Bild für eure eigene Geocache-Beschreibung hochladen
- Klickt auf den Link [Neues Bild hinzufügen]
- füllt das Eingabefeld Titel aus
- klickt auf die Taste "Datei auswählen" und wählt die Datei aus
- Haken rein bei "Dieses Bild nicht separat anzeigen (Hintergrundbild in HTML-Beschreibung o.ä.)"

Ein Bild für ein Log bei einem fremden Geocache hochladen
Ein Log zu einem fremden Geocache muss zuerst einmal gespeichert werden (ohne Bild). Danach gibt es in eurem Log oben rechts mehrere Verlinkungen, eine davon zum Hochladen eines Bildes.
- Klickt auf den Link [Bild hinzufügen]
- füllt das Eingabefeld Titel aus
- klickt auf die Taste "Datei auswählen" und wählt die Datei aus

Beendet das Hochladen nun und führt diese Schritte für alle weiteren hochzuladenden Bilder durch.
10b) Pfad zum bei OC gespeichertem Bild ermitteln
Wenn ihr ein Bild für eure eigene Geocache-Beschreibung hochgeladen habt:
rechte Maustaste auf den Bildtitel (Link) und im sich öffnendem Menü den Menüpunkt "Link kopieren" wählen

Wenn ihr ein Bild für ein Log bei einem fremden Geocache hochgeladen habt:
- rechte Maustaste auf Bild-Link und den Eintrag "Element-Informationen" wählen
- rechte Maustaste auf den markierten Eintrag und "Als HTML kopieren" wählen
- in einem Texteditor einfügen
- den "longdesc"-Pfad zum Bild markieren und kopieren
  Der "longdesc"-Pfad beginnt mit "https://www.opencaching.de/images/uploads/", dann folgt bündig der Bildname.

Bei anderen Browsern sind die Namen der Menü-Einträge ("Element-Informationen" und "Als HTML kopieren") möglicherweise etwas anders benannt.
Bei Firefox: "Element untersuchen", "Kopieren >>" - "inneres HTML"
10c) mit dem <img> - Befehl das Bild anzeigen
Img ist in HTML eines der wenigen Beispiele für einen Befehl, der nicht ausgeleitet (extra beendet) wird.
Im HTML-Editor wird nun das Bild mit dem Befehl <img> angezeigt:
<img src="https://www.opencaching.de/images/uploads/37EE0531-A789-11E7-BEE1-E297132BC419.jpg" width="240" alt="B&auml;ume" />

Bäume
Da geht noch was:
Der Befehl <img> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
alt="...": Bildbeschreibung, ist nur zu sehen, wenn Bild nicht geladen werden konnte
title="...": Bildbeschreibung, ist nur zu sehen, wenn der Mauszeiger über dem Bild ist
width="x%": Größenänderung (in Höhe und Breite, wenn height nicht angegeben ist)
height="x%": Größenänderung (in Höhe und Breite, wenn width nicht angegeben ist)
Für beide Werte kann statt Prozent auch die Größe in Bildpunkten (also nur eine Zahl) angegeben werden. OpenCaching unterstützt (momentan ?) keine Prozentangabe.
border="0-..": Rand, Dicke in Bildpunkten für alle Ränder
border-width:"0-..": Rand, Dicke in Bildpunkten für alle Ränder, ja, gibt´s zwei Mal
border(-left/-right/-top/-bottom)-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
hspace="0-..": Abstand horizontal in Bildpunkten
vspace="0-..": Abstand vertikal in Bildpunkten
align="left/right": Bildausrichtung links/rechts
Beispiele:
<img src="https://www.opencaching.de/images/uploads/37EE0531-A789-11E7-BEE1-E297132BC419.jpg" width="100" />:
37EE0531-A789-11E7-BEE1-E297132BC419.jpg
<img src="https://www.opencaching.de/images/uploads/37EE0531-A789-11E7-BEE1-E297132BC419.jpg" width="100" border="5" style="border-color:lime;border-style:ridge;" />:
37EE0531-A789-11E7-BEE1-E297132BC419.jpg
<img src="https://www.opencaching.de/images/uploads/37EE0531-A789-11E7-BEE1-E297132BC419.jpg" width="100" hspace="50" />:
37EE0531-A789-11E7-BEE1-E297132BC419.jpgDer Abstand gilt auch rechts vom Bild.
<img src="https://www.opencaching.de/images/uploads/37EE0531-A789-11E7-BEE1-E297132BC419.jpg" width="100" vspace="50" />:
37EE0531-A789-11E7-BEE1-E297132BC419.jpg
Der Abstand gilt auch unter dem Bild.
<img src="https://www.opencaching.de/images/uploads/37EE0531-A789-11E7-BEE1-E297132BC419.jpg" width="100" align="right" />:
37EE0531-A789-11E7-BEE1-E297132BC419.jpg

<div align="center">Eigentlich lassen sich Bilder <img src="https://www.opencaching.de/images/uploads/37EE0531-A789-11E7-BEE1-E297132BC419.jpg" width="100" alt="Bäume" /> nur rechts oder links anordnen. </div>
Eigentlich lassen sich Bilder Bäume nur rechts oder links anordnen.

11.) Verbindung/Verlinkung, Verweis <a>

Verlinkungen/Verweise werden wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: die Verlinkung oder der Verweis steht zwischen dem Befehl zum Beginn und dem zum Ende der Verlinkung/des Verweises.
Beispiele:
Verlinkung:
<a href="https://www.opencaching.de/">OpenCaching (DE)</a> ergibt: OpenCaching (DE)
(Bitte mal auf den Link klicken, um die Wirkung zu sehen.)
Der Text auf dem roten Hintergrund ist das Ziel. Der Text vor dem blauen Hintergrund ist die Beschriftung.
Allerdings habe ich ein klein wenig geschummelt. Es steht schon eine Ergänzung mit drin, damit ihr nicht diese Beschreibung verlasst sondern mit dem Klick auf den Link entweder ein neuer Browser oder im Browser ein neuer Tab (Seitenanfasser) gestartet wird.

Verweis:
<a href="#custom_b11">11.) Verbindung/Verlinkung, Verweis <a></a> ergibt:
11.) Verbindung/Verlinkung, Verweis <a>
Rollt mal die Seite so weit hoch oder runter, dass dieser Verweis gerade noch zu sehen ist und klickt dann darauf.
Das Ziel ist in diesem Fall die Überschrift von diesem Abschnitt. Damit die vom Browser gefunden wird, muss sie so aussehen:
<h3 id="custom_b11">11.) Verbindung/Verlinkung, Verweis </h3>
Der Namanszusatz "custom_" ist nur bei OpenCaching nötig, ansonsten nicht.
Es kann jede der Überschriften <h1> bis <h6> verwendet werden als Ziel.

neue eMail mit dem Standardprogramm erstellen:
<a href="mailto:Struppi@Schnueffelnase.de">Struppi, die Schn&uuml;ffelnase</a> ergibt:
Struppi, die Schnüffelnase
Wenn kein Programm zum Verfassen von Nachrichten eingerichtet ist, bleibt ein Klick auf diese Verlinkung wirkungslos.
Da geht noch was:
Der Befehl <a> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
target:"_blank": neuer Browser oder neuer Tab
display:"inline/inline-block/block": Ausrichtungsart Bereich nebeneinander/neben- und untereinander/untereinander
margin(-left/-right/-top/-bottom):"0-..": Abstand zwischen dem umgebendem Objekt und den Rändern
padding(-left/-right/-top/-bottom):"0-..": Abstand zwischen Text und den Rändern
color:"Farben/#-Werte": Textfarbe in diesem Abschnitt
text-decoration:"none/overline/line-through/underline": Textaussehen Unterstreichung: keine/überstrichen/durchgestrichen/unterstrichen
background:"Farben/#-Werte": Hintergrundfarbe in diesem Abschnitt
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
border(-left/-right/-top/-bottom)-width:"0-..": Randbreite für diesem Abschnitt
border(-left/-right/-top/-bottom)-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
Beispiele:
Bild und Text als Link:
<a href="https://www.opencaching.de/" target="_blank" style="display:inline-block;border-style:double;><img src="https://www.opencaching.de/resource2/ocstyle/images/oclogo/oc_head_alpha3.png" alt="OC-Bild" height="20" />OpenCaching (DE)</a>
ergibt:
OC-BildOpenCaching (DE)

Das Bild wird mit dem img-Befehl (Punkt 10) angezeigt.

Nur ein Bild als Link:
<a href="https://www.opencaching.de/" target="_blank"><img src="https://www.opencaching.de/resource2/ocstyle/images/oclogo/oc_head_alpha3.png" alt="OC-Bild" height="20" /></a>
ergibt:
OC-Bild
Das Bild wird mit dem img-Befehl (Punkt 10) angezeigt.

<a href="https://www.opencaching.de/" target="_blank" style="margin-left:100px;padding:5px;background:maroon;color:white;border-style:ridge;border-width:4px;border-color:lime;text-decoration:none;">OpenCaching (DE)</a>
ergibt:
OpenCaching (DE)

12.) Aufzählung/Liste <ul><li> / <ol><li> / <dl><dt><dd>

Aufzählungen/Listen werden wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: der Listen- oder Aufzählungsinhalt steht zwischen dem Befehl zum Beginn und dem zum Ende der Aufzählung/Liste.
Vor und nach Aufzählungen/Listen steht immer eine leere Zeile. Die einzelnen Punkte stehen immer untereinander.
Beispiele:
unsortierte Liste:
<ul>
<li>
Liste Zeile 1 erste Ebene</li>
<li>
Liste Zeile 2 erste Ebene</li>
<ul>
<li>
Liste 2. Ebene</li>
<ul>
<li>
Liste 3. Ebene</li>
<ul>
<li>
Liste 4 . Ebene</li>
</ul>
</ul>
</ul>
</ul>
  • Liste Zeile 1 erste Ebene
  • Liste Zeile 2 erste Ebene
    • Liste 2. Ebene
      • Liste 3. Ebene
        • Liste 4. Ebene
nummerierte Liste:
Die Zusätze start und type sollten angegeben werden.
Bedeutung type: 1: Nummerierung, a: Kleinbuchstaben, A: Großbuchstaben, I: römische Zahlen, i: kleine römische Zahlen
<ol start="1" type="1">
<li>
Aufzählung Zeile 1 erste Ebene</li>
<li>
Aufzählung Zeile 2 erste Ebene</li>
<ol start="1" type="A">
<li>
Aufzählung 2. Ebene</li>
<ol start="1" type="a">
<li>
Aufzählung 3. Ebene</li>
<ol start="1" type="I">
<li>
Aufzählung 4. Ebene</li>
</ol>
</ol>
</ol>
</ol>

  1. Aufzählung Zeile 1 erste Ebene
  2. Aufzählung Zeile 2 erste Ebene
    1. Aufzählung 2. Ebene
      1. Aufzählung 3. Ebene
        1. Aufzählung 4. Ebene
Definitionsliste:
<dl>
<dt>
Definitionsname 1</dt>
<dd>
Beschreibung 1</dd>
<dt>
Definitionsname 2</dt>
<dd>
Beschreibung 2</dd>
</dl>

Definitionsname 1
Beschreibung 1
Definitionsname 2
Beschreibung 2
Da geht noch was:
Diese Befehle haben Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
float:"left/right": Textumfluss links/rechts
display:"inline/inline-block/block": Ausrichtungsart Bereich nebeneinander/neben- und untereinander/untereinander
padding(-left/-right/-top/-bottom):"0-..": Abstand zwischen Text und den Rändern
color:"Farben/#-Werte": Textfarbe in diesem Abschnitt
text-decoration:"none/overline/line-through/underline": Textaussehen Unterstreichung: keine/überstrichen/durchgestrichen/unterstrichen
background:"Farben/#-Werte": Hintergrundfarbe in diesem Abschnitt
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
border(-left/-right/-top/-bottom)-width:"0-..": Randbreite für diesem Abschnitt
border(-left/-right/-top/-bottom)-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
Beispiele:
<ul style="margin-left:100px;margin-right:100px;list-style:none;background:lime;color:purple;padding-left:0px;">Prüfe die Lösungen:
<li style="display:inline-block;padding-left:5px;padding-right:5px;width:140;border-color:#ff8000;border-style:groove;border-width:4px;"><a href="" target="_blank">Geocheck 1</a></li>
<li style="display:inline-block;padding-left:5px;padding-right:5px;border-color:#ff8000;border-style:groove;border-width:4px;"><a href="" target="_blank">
Geocheck 2</a></li>
<li style="display:inline-block;padding-left:5px;padding-right:5px;border-color:#ff8000;border-style:groove;border-width:4px;"><a href="" target="_blank">
Geocheck 3</a></li>
</ul>
ergibt ("href" müsste natürlich ausgefüllt werden):
Prüfe die Lösungen:
/> Das gleiche Beispiel mit "display:inline;" (ohne "-block"):
Prüfe die Lösungen:
/> Bunte Listenzeichen bekommt man so:
<ul style="margin-top:0px;margin-bottom:0px;background:white;">
<li style="color:green;"><span style="color:black;">
Wenn der Text schwarz gesetzt wird,</span></li>
<li style="color:red;"><span style="color:black;">
sollte der Hintergrund wei&szlig; gesetzt werden.</span></li>
</ul>
ergibt:
  • Wenn der Text schwarz gesetzt wird,
  • sollte der Hintergrund weiß gesetzt werden.

So könnten mal anders als mit <div> Stationen und die zugehörigen Aufgaben in der Beschreibung entstehen:
<dl style="margin-left:35px;margin-right:35px;">
<dt style="float:left;"><u>
Station 1:</u> </dt>
<dd style="margin-left:5em;">
An der Station 1 geht f&uuml;r alle geneigten Cacher der Multi los. Damit der Anfang nicht so schwer ist, sucht ihr hier einfach nur nach einer Zahl an der Zaunecke, die dem Bach am n&auml;chsten ist. Dies ist A: __</dd>
<dt style="float:left;"><u>
Station 2:</u> </dt>
<dd style="margin-left:5em;">
Wie viele Treppenstufen ...</dd>
</dl>
ergibt:
Station 1: 
An der Station 1 geht für alle geneigten Cacher der Multi los. Damit der Anfang nicht so schwer ist, sucht ihr hier einfach nur nach einer Zahl an der Zaunecke, die dem Bach am nächsten ist. Dies ist A: __
Station 2: 
Wie viele Treppenstufen ...

13.) Zeichen gleicher Breite <code>

Zeichen gleicher Breite werden wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: Zeichen gleicher Breite stehen zwischen dem Befehl zum Beginn und dem zum Ende von Zeichen gleicher Breite.
Beispiel:
<code>Zeichen gleicher Breite</code> wird zu: Zeichen gleicher Breite
Da geht noch was:
Der Befehl <a> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
display:"inline/inline-block/block": Ausrichtungsart Bereich nebeneinander/neben- und untereinander/untereinander
float:"left/right": Textumfluss links/rechts
margin(-left/-right/-top/-bottom):"0-..": Abstand zwischen dem umgebendem Objekt und den Rändern
padding(-left/-right/-top/-bottom):"0-..": Abstand zwischen Text und den Rändern
color:"Farben/#-Werte": Textfarbe in diesem Abschnitt
vertical-align:"top/middle/bottom": vertikale Textausrichtung: oben/mitte/unten
background:"Farben/#-Werte": Hintergrundfarbe in diesem Abschnitt
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
border(-left/-right/-top/-bottom)-width:"0-..": Randbreite für diesem Abschnitt
border(-left/-right/-top/-bottom)-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
Beispiel:
<div style="display:inline;vertical-align:top;">Suche die Mast-Nr.</div>
<code style="display:inline-block;background:#dddddd;border-color:#ff8000;border-left-style:solid;border-right-style:solid;">
NB____ | ____-CPD-_____/__.___.__<br />&#9472;&#9472;ABCD | EFGH-&#9472;&#9472;&#9472;-IJKLM/NO.PQR.ST</code>
<div style="display:inline;vertical-align:top;">
und schreibe sie auf.</div>
<br />
Gehe weiter, bis der Weg sich gabelt und ...
ergibt:
Suche die Mast-Nr.
NB____ | ____-CPD-_____/__.___.__
──ABCD | EFGH-───-IJKLM/NO.PQR.ST
und schreibe sie auf.

Gehe weiter, bis der Weg sich gabelt und ...

So ist es leicht, eine tabellarische Darstellung zu erzeugen:
<code>iiiiiiiiii&nbsp;|&nbsp;WWWWWWWWWW&nbsp;|&nbsp;...
WWWWWWWWWW&nbsp;|&nbsp;iiiiiiiiii&nbsp;|&nbsp;...</code> ergibt:
iiiiiiiiii | WWWWWWWWWW | ...
WWWWWWWWWW | iiiiiiiiii | ...

14.) hochgestellter Text <sup>

Hochgestellter Text wird wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: hochgestellter Text steht zwischen dem Befehl zum Beginn und dem zum Ende von hochgestelltem Text.
Beispiel:
1 m<sup>3</sup> Eis reicht für einen Sommer.
wird zu:
1 m3 Eis reicht für einen Sommer.

Manche Browser zeigen hochgestellt Zeichen nicht so richtig hoch an. Das kann manchmal verbessert werden mit einer anderen Angabe der Zeilenhöhe.
1 m<sup style="line-height:0.5em;">3</sup> Eis reicht f&uuml;r einen Sommer.
ergibt:
1 m3 Eis reicht für einen Sommer.

15.) tiefgestellter Text <sub>

Tiefgestellter Text wird wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: tiefgestellter Text steht zwischen dem Befehl zum Beginn und dem zum Ende von tiefgestelltem Text.
Beispiel:
Geocacher kommen im Freien ab und zu mit H<sub>2</sub>O in Kontakt.
wird zu:
Geocacher kommen im Freien ab und zu mit H2O in Kontakt.

Das Tiefstellen sieht bei manchen Browsern nicht wirklich tief aus. So kann das korrigiert werden:
Geocacher kommen im Freien ab und zu mit H<sub style="line-height:2em;">2</sub>O in Kontakt.
ergibt:
Geocacher kommen im Freien ab und zu mit H2O in Kontakt.

16.) Zitat <blockquote>

Zitate werden wie die meisten HTML-Befehle jeweils ein- und ausgeleitet. Mit anderen Worten: Zitate stehen zwischen dem Befehl zum Beginn und dem zum Ende von Zitaten.
Beispiel:
<blockquote>Geocaching ist eine Art moderne Schatzsuche, bei der ein GPS-Empf&auml;nger und Koordinaten aus dem Internet verwendet werden. Dabei gilt es Beh&auml;lter zu finden, die andere Geocacher meist an besonders sch&ouml;nen oder ungew&ouml;hnlichen Orten versteckt haben. Aus den Beh&auml;ltern wird &uuml;blicherweise etwas herausgenommen und etwas neues hineingelegt und ein Eintrag in einem Logbuch vorgenommen. Der Inhalt dieser &quot;Sch&auml;tze&quot; ist meist von geringem Wert. Es gilt oft die Devise: <strong>&quot;Der Weg ist das Ziel!&quot;</strong><br />
Ausschnitt von der Seite: https://www.cachewiki.de/wiki/Hauptseite</blockquote>
ergibt:
Geocaching ist eine Art moderne Schatzsuche, bei der ein GPS-Empfänger und Koordinaten aus dem Internet verwendet werden. Dabei gilt es Behälter zu finden, die andere Geocacher meist an besonders schönen oder ungewöhnlichen Orten versteckt haben. Aus den Behältern wird üblicherweise etwas herausgenommen und etwas neues hineingelegt und ein Eintrag in einem Logbuch vorgenommen. Der Inhalt dieser "Schätze" ist meist von geringem Wert. Es gilt oft die Devise: "Der Weg ist das Ziel!"
Ausschnitt von der Seite: https://www.cachewiki.de/wiki/Hauptseite

Da geht noch was:
Der Befehl <blockquote> hat Eigenschaften, die geändert werden können.
Eine kleine Auswahl nützlicher Einstellungen:
display:"inline/inline-block/block": Ausrichtungsart Bereich nebeneinander/neben- und untereinander/untereinander
float:"left/right": Textumfluss links/rechts
margin(-left/-right/-top/-bottom):"0-..": Abstand zwischen dem umgebendem Objekt und den Rändern
padding(-left/-right/-top/-bottom):"0-..": Abstand zwischen Text und den Rändern
color:"Farben/#-Werte": Textfarbe in diesem Abschnitt
background:"Farben/#-Werte": Hintergrundfarbe in diesem Abschnitt
border(-left/-right/-top/-bottom)-style:"solid/dotted/dashed/double/groove/ridge/inset/outset": Ränder in diesem Abschnitt (durchgezogen/Punkte/Striche/Doppellinie/3D/erhabener Rahmen/versunken/erhaben)
border(-left/-right/-top/-bottom)-width:"0-..": Randbreite für diesem Abschnitt
border(-left/-right/-top/-bottom)-color:"Farbe/#-Wert": Randfarbe für diesem Abschnitt
Beispiel:
<blockquote style="background:#77ff77;"><div style="background:white;margin:0.2em;display:inline-block;">Rauszugehen fällt schwerer als draußen zu bleiben.</div><br />(Mark Twain)</blockquote>
Rauszugehen fällt schwerer als draußen zu bleiben.

(Mark Twain)

HTML-Datei zum Ausprobieren



Das war doch alles ganz einfach.
Um ein wenig experimentieren zu können ohne eine spezielle Internetseite legt ihr eine einfache Textdatei mit der Erweiterung HTML und folgendem Inhalt auf eurem Computer an:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>

<STYLE type=text/css>
html {margin:0px auto;width:880px;background-color:#ffff66;}
#kz {position:fixed;z-index:2;top:0px;width:880px;height:169px;background-color:#beeade;}
#text {position:relative;z-index:1;top:162px;width:880px;background-color:white;}
</STYLE>


</head>

<body>

&ltdiv id="kz">&nbsp;</div>
&ltdiv id="text">


Das ist der HTML-Spielplatz.

&lt/div>

</body>
</html>

Dort, wo der Satz "Das ist der HTML-Spielplatz." steht, könnt ihr euch ausprobieren.
Der STYLE-Abschnitt und die DIV-Befehle sind nur drin, damit eine nutzbare Seitenbreite wie bei OpenCaching entsteht. Wenn ihr das für eure Experimente nicht braucht, dann einfach raus damit.

archiviert 26. September 2014, 17:00 Burggeist hat den Geocache archiviert

Der Ort war nicht gut gewählt. Die Erreichbarkeit ist besonders in der Vegetationsperiode nicht immer gegeben und das Böschungshufeisen verwildert immer mehr. Deswegen habe ich mich entschlossen, diesen Geocache aufzugeben. Die Dose ist nun nicht mehr vor Ort.

Bilder für diesen Logeintrag:
AbschiedAbschied

Hinweis 18. November 2013 Burggeist hat eine Bemerkung geschrieben

Hab´ gestern bei Null Grad und Nebel eine mystische Runde durch Wald und Flur gemacht und außer Hasen und Rehen auch alle meine aufgesuchten Geocaches gefunden. Dabei habe ich erfreut festgestellt, daß dieser Geocache am 14.06.2013 19:00 Uhr gefunden wurde von RPerwo, aber nicht geloggt.

  Neue Koordinaten:  N 50° 40.462' E 011° 34.565', verlegt um 5 Meter

gefunden 18. März 2013 BESTPOE hat den Geocache gefunden

Dank der guten Beschreibung konnte ich heute den Cache auch bei 10 cm Schnee finden. Ich wollte den Frost nutzen, denn wenn man dort wie eine Sau herumläuft, wird man vielleicht erschossenLächelnd. Mein Mut brachte mir den ersten Platz auf dem Jägerberg.

DFDC