HTML Text verkürzen

Hallo Leute,
Weiter unten folgt mein Quellcode, vorher aber zu meinem Problem:
Die Navigationsleiste, die ich in dem Code drin habe, ist auf jeder Seite und nimmt auf jeder Seite eine Menge Platz ein. Jetzt habe ich versucht, die Stylesheet-Angaben in eine externe Datei auszulagern () und das Ganze dann einfach per Link auf jede Seite einzufügen. Allerdings klappt das nicht, Verzeichnisse waren alle richtig angegeben, auch mit absoluter Adressierung klappt es nicht.
Hoffe, ihr könnt mir helfen, meinen Code kürzer zu machen.
Hier der Code (rot ist bei allen Seiten gleich, blau ist die dazugehörige Navigation, die sich bei allen (logischerweise) ändert):

Sport Stacking
<link rel="shortcut icon" href="favicon.ico">

<style type="text/css">

/* Vertikale Navigation */
div#Tmenu {
font-size: 94%;
width: 10em;
padding: 0.8em;
}

  • html div#Tmenu {
    width: 11.3em;
    w\idth: 10em; /* (IE 6 in standards-compliant mode) */
    }
    ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
    }

ul#Navigation li {
list-style: none;
position: relative;
margin: 0.4em; padding: 0;
}

  • html ul#Navigation li {
    margin-right:1.5em; /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0;
    }

ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 0; left: 9.3em;
}
:first-child+html ul#Navigation li ul {
left: 9em; /
(IE 7 in standards-compliant mode) */
}
ul#Navigation li ul li {
margin: 0; padding-left: 1.4em;
}

ul#Navigation a, ul#Navigation span {
display: block;
width: 7em;
font-family: „Trebuchet MS“, „Century Gothic“, Helvetica, Arial, sans-serif;
text-decoration: none; font-weight: bold;
padding: 0.2em 1em;
border: 1px solid #900;
border-left-color: #c96; border-top-color: #c96;
color: white; background-color: #c00;
}

  • html ul#Navigation a, * html ul#Navigation span {
    width: 9em;
    w\idth: 7em; /* (IE 6 in standards-compliant mode) */
    }
    ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    border-color: #c96;
    border-left-color: #900; border-top-color: #900;
    background-color: #e00;
    }
    li a#aktuell {
    border-right-color: #300; border-bottom-color: #300;
    background-color: #900;
    }
    ul#Navigation li ul span {
    border-color: #900; border-left-color: #c96;
    color: #900; background-color: white;
    }
    ul#Navigation li a:active {
    color: black; background-color: #f00;
    }

/* dynamisches Ein-/Ausblenden */
ul#Navigation li ul {
display: none;
}
ul#Navigation li:hover>ul {
display: block;
}
ul#Navigation>li:hover>a {
width: 8.2em;
background: #e00 url(pfeil.gif) no-repeat center right;
}

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */

  • html ul#Navigation li.hoverIE {
    margin-right:0; /* reservierten Platz freigeben /
    margin-bottom:-1.15em; /
    Fehlerkorrektur, ggfls. anpassen */
    }
  • html ul#Navigation li.hoverIE ul {
    display: block;
    }
  • html ul#Navigation li .hoverIE {
    width: 10.3em;
    w\idth: 8.2em; /* (IE 6 in standards-compliant mode) */
    background: #e00 url(pfeil.gif) no-repeat center right;
    }

/footer/
#footer {
clear:both;
margin-top:1em;
background:#efefef;
padding:10px
}

   <!--[if IE]>

<![endif]–>


Ausrüstung




Sport Stacking hat den Vorteil, dass man es mit wenig Material fast überall machen kann.
Als Anfänger benötigt man lediglich ein Set mit 12 Cups, die man in verschiedenen Farben und Varianten in fast allen Spielwarengeschäften findet. Für Einsteiger sind hier die Cups von Speed Stacks zu empfehlen, da sich dort neben einer ausführlichen schriftlichen Anleitung auch eine mehrsprachige (natürlich auch deutsche) DVD finden lässt auf der man die Grundlagen noch effektiver lernen kann.


Achtung: Es ist äußerst ratsam, nur mit richtigen Cups zu stapeln und nicht mit normalen Bechern aus der Küche.

Die Cups haben eine besondere Anatomie. Die auffälligsten Merkmale sind die 3 Löcher am Boden sowie ein kleiner Absatz. Diese sind dazu da, damit sich beim auf- und abstapeln kein Vakuum bildet und die Becher dann aneinander kleben bleiben. Außerdem sind die Becher aus einem speziellen Plastik und dadurch besonders leicht, was euch beim schnellen Stapeln noch zusätzliche Sekunden bringt.

(Bild Cup-Set)(Bild Becher)



Außerdem benötigt man noch einen flachen Untergrund und schon kann das Stapeln beginnen!


Für Fortgeschrittene, Profis und solche, die es werden wollen, gibt es unterschiedliches Zubehör, dass auch auf den meisten Wettbewerben verwendet wird.
Ich möchte euch hier die zwei wichtigsten Zubehörteile vorstellen:


1.Die Stackmat



Die Stackmat ist eine Unterlegmatte für das Becherstapeln. Auf ihr ist das Stacken nur halb so laut wie wenn ihr es auf einem Tisch machen würdet und man kann sie bequem überall hin mitnehmen, da sie sich problemlos zusammenrollen lässt. Es gibt verschiedene Ausführungen von ihr, viele haben zusätzlich noch einen abnehmbaren Zeitnehmer angebracht.

(Bild Stackmat)




2.Der Zeitnehmer



Früher wurden die Zeiten des Becherstaplers immer mit einer Stoppuhr über den Schiedsrichter bzw. einen Freund gestoppt. Da dies aber - insbesondere bei Wettkämpfen - zu Ungerechtigkeiten führte, gibt es nun spezielle Zeitnehmer für das Stapeln. Bei ihnen wird der Zeitmesser nur durch den Kontakt beider Hände des Stackers ausgelöst bzw. gestoppt, d. h. der Stacker hat volle Gewalt über seine Zeitnahme. Die Schiedsrichter sind nur noch dazu da, den Stapelvorgang auf mögliche Fehler zu überprüfen und anschließend um die Zeit aufzuschreiben.

(Bild Zeitnehmer)

Website und alle nicht anders gekennzeichneten Inhalte © Copyright Ann-Katrin Reuel 2010, Alle Rechte vorbehalten

Danke & liebe Grüße
Anka

Wie man ein externes Stylesheet einbindet scheinst du ja schon zu wissen, also kannst du damit doch schon dein ganzes CSS auslagern. Um das Menü ansich auszulagern, brauchst du eine serverseitige Scriptsprache, z.B. PHP. Damit kannst du dann per include externe Inhalte einbinden.

Deine Spezialangaben für den IE wie z.B. hier

* html div#Tmenu { width: 11.3em; w\idth: 10em; /* (IE 6 in standards-compliant mode) */ }
sind m.E. alle überflüssig, da du einen korrekten Doctype verwendest.

Abstände erzeugt man nicht mit

<br><br><br>

sondern mit margin- oder padding-Werten.
Bzw. für Textabsätze solltest du auch das dafür vorgesehene Element „p“ verwenden.