Archive for the Category »CSS «

Per CSS Schriftarten ändern

In diesem möchte ich Euch zeigen, wie man per CSS die Schriftart eines Textes ändern kann….

CSS Tutorial – media Typen – link rel contra @import

…Heute möchte ich Euch erklären, wie ihr festlegen könnt, welche CSS-Dateien geladen werden sollen, wenn es um die Anzeige auf dem Bildschirm, dem Drucker, einem mobilen Gerät (bspw. Handy) oder anderem geht.

Ich habe bereits in einem anderen CSS-Tutorial erklärt, warum man zum einbinden von CSS Dateien @import verwenden sollte. In diesem hier muss ich diese Aussage wieder einschränken. Doch dazu später mehr….

Wie man in HTML Tabellen nur den tbody scrollt

…Ich habe es bereits in meinem letzten Tabellen Tutorial angesprochen: Um in allen Browsern den tbody Bereich scrollen zu können, muß ganz gewaltig getrickst werden. Und damit fangen wir heute an: Zuerst benötigen wir eine Standardtabelle mit einem thead, einem tfoot und einem tbody Bereich…

Category: CSS, CSS Pro, HTML  Tags: ,  One Comment
CSS Tutorial – CSS in eine HTML einbinden

Viele Wege führen nach Rom. Um CSS in eine Seite einzubinden gibt es verschiedene Möglichkeiten. Man könnte CSS mit dem style Element direkt in den Quellcode einfügen.
Um beispielsweise einen Text in rot zu schreiben könnte man dies folgendermaßen machen:

Category: CSS Anfänger  Tags:  One Comment
Container mit CSS positionieren

Es gibt zwei Möglichkeiten, zu positionieren: absolut und relativ. Positioniert man absolut, dann ist die Positionierung des Objektes ohne konkrete Abhängigkeiten zu dem Rest der Seite.

Mit CSS z-index Container in den Vordergrund bringen

Heute erkläre ich Ihnen, wie man einen Container ein Image oder was auch immer aus dem Hintergrund in den Vordergrund bringen kann. Ich nehme mal einfach folgendes Beispiel: Zwei div Container mit unterschiedlichen Hintergrundfarben. Beispielcode: <html>  <body>   <div style=”background-color: #ff0000; position: absolute; top: 100; left: 100; width: 200px; height: 200px;”>&nbsp;</div>   <div style=”background-color: #00ff00; position: absolute; [...]

CSS-Tutorial – vertikal zentrieren ganz einfach

Oftmals wird die Frage gestellt, wie man vertikal mit CSS zentrieren kann.

Für die horizontale Zentrierung ist die text-align Methode vorgesehen. Doch was macht man, um etwas vertikal zu zentrieren?

Category: CSS Pro  Tags:  Leave a Comment