stehen zwei | drin, wobei diese hier fuer den rechten | gelten, daher steht hier lediglich "border-right" drin.
Bei dem Style "artikel_kasten_knoepfe" weiter oben, der fuer den linken | da ist, steht nur "border-left" drin. So bekommt man mit
beiden zusammen den Rahmen links und rechts um die Kaesten herum. */
a.artikel_kasten_links:link
{
display:block;
/* border-bottom:1px solid #FFFFFF; Die Trennstriche zwischen den einzelnen Links sind zur Zeit auskommentiert */
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:normal;
text-decoration:none;
width:260px;
}
a.artikel_kasten_links:visited
{
display:block;
/* border-bottom:1px solid #000000; Die Trennstriche zwischen den einzelnen Links sind zur Zeit auskommentiert */
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:normal;
text-decoration:none;
width:260px;
}
a.artikel_kasten_links:hover
{
display:block;
/* border-bottom:1px solid #000000; Die Trennstriche zwischen den einzelnen Links sind zur Zeit auskommentiert */
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
background-color:#000000;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:normal;
text-decoration:none;
width:260px;
}
/* Hier stehen die Styles für die Seite mit den Zusatzbildern. */
.zusatzbilder_ueberschrift
{
color:#000000;
font-family:arial,verdana,helvetica,sans-serif;
font-size:16pt;
font-weight:bold;
text-decoration:none;
}
.zusatzbild_kommentar
{
font-family:arial,verdana,helvetica,sans-serif;
text-align:left;
font-size:10pt;
font-weight:normal;
text-decoration:none;
}
.zusatzbild_artikel_link
{
font-family:arial,verdana,helvetica,sans-serif;
text-align:center;
font-size:12pt;
font-weight:bold;
text-decoration:underline;
}
.zusatzbilder_pfeil_schrift
{
font-family:arial,verdana,helvetica,sans-serif;
font-size:14pt;
font-weight:bold;
text-decoration:none;
}
/* Hier stehen die Styles für das copyright-Include */
.copyright
{
color:#000000;
text-align:center;
vertical-align:middle;
font-family:arial,verdana,helvetica,sans-serif;
font-size:9pt;
}
/* Hier stehen die Styles für das Seitenanfang-Include */
.seitenanfang
{
color:#3A6EA5;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10.5pt;
font-weight:bold;
text-decoration:underline;
/* text-align:center; */
}
/* Hier stehen die Styles für das Format des Druckversion-Links */
.druckversion
{
color:#3A6EA5;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10.5pt;
font-weight:bold;
text-decoration:underline;
/* text-align:center; */
vertical-align:bottom;
}
/* Hier stehen die Styles für die LINKS - Seite. Ich mußte wegen der Breite der Einträge diese Styles zusätzlich anlegen, sonst
hätte ich die artikel... Styles auch hierfür verwenden können.
Damit Mozilla und IE beide sowohl die Überschriften, als auch die Einträge im Links-Kasten, gleich breit anzeigen,
war, wie hier zu sehen ist, die Kombination von width:100%; mit width:526px; notwendig. */
.links_kasten_ueberschrift
{
color:#ffffff;
background-color:#152C81;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
height:26px;
width:100%;
}
a.links_kasten_links:link
{
display:block;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
background-color:#223ED1;
font-family:arial,verdana,helvetica,sans-serif;
font-size:11pt;
font-weight:normal;
text-decoration:none;
width:526px;
}
a.links_kasten_links:visited
{
display:block;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
background-color:#223ED1;
font-family:arial,verdana,helvetica,sans-serif;
font-size:11pt;
font-weight:normal;
text-decoration:none;
width:526px;
}
a.links_kasten_links:hover
{
display:block;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
background-color:#000000;
font-family:arial,verdana,helvetica,sans-serif;
font-size:11pt;
font-weight:normal;
text-decoration:none;
width:526px;
}
/* Wieder mal eine ähnliches Formatierung, wie die übrigen "_kasten_ueberschrift" - Styles, nur hier etwas dickere Schrift. */
.lexikon_kasten_ueberschrift
{
color:#ffffff;
background-color:#223ED1;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
font-family:arial,verdana,helvetica,sans-serif;
font-size:15pt;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
height:33px;
width:100%;
}
a.lexikon_seitenanfang
{
color:#0000FF;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:normal;
}
.lexikon_artikelueberschrift
{
font-family:arial,verdana,helvetica,sans-serif;
font-size:12pt;
font-weight:bold;
background-color:#DDDDEE;
}
.lexikon_text
{
color:#000000;
font-family:arial,verdana,helvetica,sans-serif;
font-size:11pt; /* vorher: 12pt */
line-height:13.5pt; /* vorher: 14pt */
font-weight:normal;
text-decoration:none;
}
/* Ich brauche diese Stylesheets für die Links, weil im IE sonst alle standardmäßig als besucht markiert sind! */
a.lexikon_link:link
{
color:#0000FF;
font-family:arial,verdana,helvetica,sans-serif;
font-size:11pt; /* vorher: 12pt */
line-height:13.5pt; /* vorher: 14pt */
font-weight:normal;
text-decoration:underline;
}
a.lexikon_link:visited
{
color:#800080;
font-family:arial,verdana,helvetica,sans-serif;
font-size:11pt; /* vorher: 12pt */
line-height:13.5pt; /* vorher: 14pt */
font-weight:normal;
text-decoration:underline;
}
a.lexikon_link:hover
{
font-family:arial,verdana,helvetica,sans-serif;
font-size:11pt; /* vorher: 12pt */
line-height:13.5pt; /* vorher: 14pt */
font-weight:normal;
text-decoration:underline;
}
/* Style für die Kapitel-Überschriften auf der Info-Seite (ueber.php) */
.info_ueberschrift
{
font-size:13.5pt;
font-weight:normal;
text-decoration:underline;
}
/*
In dieser css-datei darf wirklich nur css drinstehen;
der ehemalige befehl am anfang (und ende) der seite, ),
ist html und hat in css-datei nix zu suchen; das ergebnis war, dass die link-definitionen
link, visited, hover nicht mehr richtig funktionierten (genauer: link funktionierte überhaupt
nicht mehr); dank der netten hilfe aus dem selfhtml-forum habe ich es entfernt und alles läuft
wieder;
der fehler stammt vom easy-webdesign-buch ab, indem es in dieser art falsch suggeriert wurde
(auf explizite darstellung der syntax in externer datei hat autor verzichtet, dass aber dieser
style-befehl nicht rein darf, weil er KEIN html ist, wurde in keinster weise erwähnt!!
Da hier nur "a" steht, gilt diese Angabe für alle Anker!
block = Erzwingt einen Block - das Element erzeugt eine neue Zeile.
Sie können für ein HTML-Element einen Cursor definieren. Wenn der Anwender mit der Maus
über die Fläche fährt, die das Element einnimmt, nimmt der Mauscursor die angegebene Gestalt
an.
Mit margin: können Sie einen einheitlichen Rand/Abstand für oben, unten, links und rechts
bestimmen. Erlaubt sind ein bis vier numerische Angaben. Eine Angabe bedeutet: alle vier
Ränder des Elements erhalten den gleichen Außenabstand. Bei mehreren Angaben werden die
Angaben intern nach der angenommenen Reihenfolge für 1=oben, 2=rechts, 3=unten, 4=links
interpretiert.
Mit padding: bestimmen Sie einen einheitlichen Innenabstand zwischen Elementinhalt
und den vier Elementgrenzen oben, links, unten und rechts. Erlaubt ist eine numerische
Angabe.
Mit border: können Sie das Aussehen eines Rahmens um ein Element bestimmen. Notieren Sie
Angaben zu Linienstärke, Rahmentyp und Farbe mit Leerzeichen dazwischen, so wie in den
Beispielen oben. Die Reihenfolge der Einzelangaben ist egal.
Daneben können Sie zusammenhängende Angaben für Rahmendicke, Rahmenfarbe und Rahmentyp
auch für einzelne Seiten des Elements machen. Dazu sind die Untereigenschaften von border
gedacht:
border-top definiert eine zusammenhängende Angabe für oben,
border-left für links,
border-right für rechts, und
border-bottom für unten.
Mit overflow: können Sie bestimmen, wie übergroße innere Elemente behandelt werden. Folgende Angaben sind möglich:
visible = Element wird so weit ausgedehnt, dass sein Inhalt auf jeden Fall komplett sichtbar ist.
hidden = Element wird abgeschnitten, wenn es die Grenzen überschreitet.
scroll = Element wird abgeschnitten, wenn es die Grenzen überschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten
anbieten, ähnlich wie in einem eingebetteten Framefenster.
auto = Der Web-Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von
Scroll-Leisten soll dabei erlaubt sein.
Mit white-space: können Sie das Verhalten für den Zeilenumbruch festlegen. Folgende Angaben sind möglich:
normal = automatischer Zeilenumbruch (wie bei allen HTML-Tags außer und ).
pre = Zeilenumbruch wie im Editor eingegeben (so wie bei ... ).
nowrap = Kein automatischer Zeilenumbruch, Umbruch möglich durch entsprechende HTML-Tags.
Beachten Sie:
Diese Angabe gehört zur CSS-Version 2.0. Der MS Internet Explorer interpretiert nur den Wert nowrap, nicht den Wert
pre. Netscape 4.x interpretiert den Wert pre, nicht aber nowrap. Erst Netscape 6.x beherrscht alle Angaben
a { text-decoration: none; display: block; }
a.lvl2 {
color: #333;
width: 149px;
margin: 0px;
padding: 3px 5px 3px 5px;
border-top: 1px solid #ccc;
overflow: hidden;
white-space: normal;
}
a.lvl2:hover { color: #c00; background-color: #f5f5f5; }
*/
/* TEST-EINTRÄGE zum Ausprobieren einer neuen Standard-Link-Datei */
a.test_standardlink:link
{
color:#ffffff;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
background-color:#3A6Ea5;
}
a.test_standardlink:visited
{
color:#ffffff;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
background-color:#3A6Ea5;
}
a.test_standardlink:hover
{
color:#ffffff;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
background-color:#000000;
}
.test_standardlink_an
{
color:#ffffff;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration:none;
background-color:#000000;
}
.test_standardlink_kasten
{
height:13pt;
text-align:center;
background-color:#3A6Ea5;
}
.test_standardlink_kasten_an
{
height:13pt;
text-align:center;
background-color:#000000;
}
/* ENDE DER TEST-EINTRÄGE, oben stehen die richtigen Style-Sheets. */
|