Layout
Tipps fuer deine Seite
Inhaltsverzeichnis:
Textdecoration
NaviHelp
Textdecoration
Bei Text-decoration:
none kann man
kein YES oder NO angeben! NONE bedeutet
nichts/ keine und nicht nein/nö oder ja!
Deswegen gibt es bei Text-decoration neben
none noch folgende Möglichkeiten:
overline (Strich über dem Wort)
,line-trough (durchgestrichen ähnl. wie
strike)
,blink (blinkend)
,underline (unterstrichen
ähnl. wie
underlined)
.. natürlich könnt ihr die oben genannten Möglichketein auch verbinden, wenn ihr ein Wort z.B. blinkend und unterschrieben oder über und undertrichen
haben wollt! Z.B. so
Text-decoration:
blink underline;
//overline underline;
und so weiter und so fort. Ich hoffe das hat euch geholfen.
NaviHelp
BORDER
Wie bekommt man z.B. eine Navi hin, die den Hovereffekt hat, dass an der Seite so eine Art 'dicker Strich' erscheint?
Beispiel
Ganz einfach.
Mit BORDER (Rand).
Anhand dieses Beispieles:
Ich habe bei dem Stylesheet für den Link einfach folgendes mit eingefügt.
Erklärung:
Border-right beschreibt, wo genau der 'dicke Strich' hinkommen soll. Nämlich Rechts vom Link.
Möchtest du den Border links haben, heißt es
border-left, oben
border-top und unten
border-bottom.
Möchtest du den gesamten Link umrandet haben, schreibst du einfach nur
border, denn das beschreibt den Rand um den
Link im generellen. Mit den oben genannten Möglichkeiten spezialisierst du dich auf einen bestimmten Rand.
5px steht für die dicke des Randes. Dabei heißt es logischer Weise, je höher die Zahl, desto dicker der Rand!
solid steht in unserem Fall dafür, dass der Rand durchgehend ist. Andere Möglichkeiten wären auch:
dotted (gepunktet),
dashed (gestrichelt) und
double (doppelt). Dabei heißt double aber nicht, dass es dann doppelt so dick ist, sondern dass
so zu sagen zwei Linien parallel nebeneinander sind, die beide zusammen (insgesamt) die angegebene Dicke ergeben.
TABLE NAVI
Um Platz zu sparen, weil man vielleicht zu viele Links hat, benutzt man oft die so genannte Table Navigation, in der dann meist zwei
Links (können aber auch mehrere sein) nebeneinander sind.
Wie macht man das? Wie der Name schon verrät... man benutzt eine Tabelle. Dazu gibt es zwei Möglichkeiten:
1. Möglichkeit
Du möchtest, dass die Tabelle den gesamten ihr zur verfügung stehenden Platz einnimmt und
sich die Links den Platz 'gerecht' teilen?
Das heißt eigentlich, du möchtest, dass die Tabelle 100% ist, aber ein Link nur z.B. die Hälfte der
"unsichtbaren" Tabelle einnimmt?
Das geht foldendermaßen:
Du nimmst eine ganz normale Tabelle
Und 'sagst' ihr was zu tun ist. Die Tabelle insgesamt ist ja 100% groß. Und du möchtest, dass ein Link nur 50% der Tabelle einnimmt. Also:
Die 50% bei den
tds müssen nicht zwingend angegeben werden, da die Tabelle sich selber bei der Angabe von
width="100%" 'gerecht' einteilt.
Ein
td beschreibt immer die 'Zellen' nebeneinander, die auf einer Zeile verteilt sind. Ein
tr beschreibt immer eine Zeile. Bei dem
tr muss keine Prozentangabe angegeben werden,
da die gesamte Zeile ja schließlich die gesamte Länge des Tables sein soll. Nur die Links ('Zellen')
nebeneinander sollen halbiert sein.
2. Möglichkeit
Wie das obige Beispiel, eine ganz normale Tabelle, wo die Links dann ensprechend einfach nebeneinander aufgereiht
sind, und die Tabelle nur so groß ist, wie die beiden Links nebeneinander Platz benötigen, da nicht angegeben wurde, dass
die Tabelle den gesamten ihr zur verfügung stehenden Platz einnehmen soll. (Es fehlen die
width="100%", die
der Tabelle 'sagen' sie soll den ganzen Platz einnehmen und die Links dementsprechend 'gerecht' einteilen. Denn ohne
diese
width="100%" ist die Tabelle nur so groß, wie die beiden Links nebeneinander.)
