Neu! Aktualisierung der Webseite!

Zur aktualisierten Webseite geht es hier:

Rhein-Main-Experten NEU!

CSS

Mit position:fixed können Sie ein Menü oder eine Überschrift fixieren, so dass sie stehen bleiben, während der Inhalt darunter scrollt.

 

Dieses Beispiel zentriert ein Layout horizontal und setzt einen Kopf, einen Fuß, ein linkes Menü und einen Inhaltsbereich. Innerhalb des Inhaltsbereichs werden die Überschriften und die Bildergalerie zentriert.

Das Stylesheet finden Sie hier.

Sie können Ihre Webseite einfach horizontal zentrieren über die body Angabe des Style-Sheets - Voraussetzung dafür ist allerdings, dass Sie nicht absolut positionieren - in diesem Fall wird der angegebene Abstand vom Browserfenster berechnet.

body {margin:auto;}


Beispiel: zentrieren.html

die CSS-Datei: zentrieren.css

 

Beispiel

a:link { font-weight:bold; color:blue; text-decoration:none; } /*Link*/
a:visited { font-weight:bold; color:silver; text-decoration:none; }/*Link, das bereits besucht wurde*/
a:hover { font-weight:bold; color:green; text-decoration:none; }/*Link beim Überfahren mit der Maus*/
a:active { font-weight:bold; color:lime; text-decoration:underline; }/*aktiviertes Link - solange die Maustaste gedrückt wid*/

 

 

Sie können Tabellen im Vordergrund mit HTMl-Anweisungen erstellen - oder über das Stylesheet mit der Angabe

{display:table}

 

Sie können ein anderes Layout für Ihre Webseite für mobile Geräte mit folgenden Anweisungen erzeugen:

HTML

fügen Sie in den Head des Dokuments folgendes ein:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />

Dies setzt die Breite des mobilen Gerätes als Anzeigebreite der Webseite

Sie können ein eigenes mobiles Stylesheet mobile.css einbinden mit

<link rel=”stylesheet” media=”only screen and (max-device-width: 480px)” href=”mobile.css” type=”text/css” />

Mit HTML5 und CSS3 gibt es wieder eine Reihe potentiell unterschiedliche Umsetzungen von Webseiten in Browsern, die im Code abgefangen werden müssen, will man, dass die Webseite zuverlässig in gleicher Weise in allen Browsern angezeigt wird. Ganz wird man es nie schaffen.

Browser und Browser-Versionen richten sich nach den verwendeten Geräten und ihren Betriebssystemen. Sie finden die aktuelle Verbreitung von Browsern in Deutschland hier:

www.browser-statistik.de

 

Sie können in Ihrem HTML-Dokument externe Links setzen mit:

Seiten

Subscribe to CSS