Archiv der Kategorie: XHTML/CSS

Collapsing Margins

….sind ein wichtiges CSS-Prinzip! Collapsing Margins oder Zusammenfallende Ränder treten bei Elementen mit vertikal angrenzenden Margins auf. Der größere Abstand bleibt stehen, der Kleinere verschwindet. Das ist oft ganz sinnvoll, damit sich z.B. bei mehreren Textabsätzen untereinander die Margins nicht … Weiterlesen

Kategorie: XHTML/CSS | 4 Kommentare

Transparenz von Containern im IE

In dem Artikel geht es um die Transparenz von Containern nicht von Grafiken oder Bildern. Überraschenderweise zeigt hier der IE 8 gewisse Ausfallerscheinungen.

Kategorie: XHTML/CSS | 7 Kommentare

CSS 3-Eigenschaften testen

Anleitungen zum Verständnis der CSS 3-Eigenschaften gibt es schon einige. Websites wo diese Eigenschaften erklärt werden auch.Mein Versuch euch CSS 3 näher zu bringen ist etwas anders:

Kategorie: XHTML/CSS | 7 Kommentare

Navi includen – ohne Deppenlink

Wer kennt das nicht: Die Navigation einer bestehenden Site ändert sich und nun muss die Änderung bei wirklich jeder Seite eingetragen werden. Nervig und zeitaufwändig! Eine Menge Zeit spart man sich wenn man die navi per include einbindet. Diese Methode … Weiterlesen

Kategorie: Navigationen, PHP, XHTML/CSS | 24 Kommentare

Fixierte Positionierung

Zu absoluter Positionierung gibt es schon einen Artikel, zur relativen Positionierung ebenfalls. Jetzt fehlt noch die fixierte Positionierung, die im Grunde eine Unterabteilung der absoluten Positionierung ist.

Kategorie: XHTML/CSS | 3 Kommentare

Relative Positionierung

Angefangen habe ich mit diesem Artikel zur absoluten Positionierung. Fortsetzen will ich mit position:relative;.Mit fixierter Positionierung wird es enden.

Kategorie: XHTML/CSS | 2 Kommentare

Absolute Positionierung

Erklärungen für position:absolute; findet man im Netz viele. Manche beschränken sich auf wenige, dürre Sätze, anderen wiederrum sind ein paar Bilder zur Verdeutlichung beigefügt. Wenn es um Erklärungen geht, wo man anhand einer Beispieldatei sofort mit basteln kann wird die … Weiterlesen

Kategorie: XHTML/CSS | 5 Kommentare

Listenzeichen

Listenzeichen sind ein leidiges Thema. Es ist ja optisch ganz nett, wenn die Listenpunkte einer ungeordneten Liste vom Browser automatisch mit einem Listenzeichen versehen werden. Dadurch wird die Liste optisch noch einmal hervorgehoben. Dumm ist nur wenn die Listenzeichen in … Weiterlesen

Kategorie: XHTML/CSS | 14 Kommentare

Faux Columns Liquid

Die Faux Columns Technik für feste Layouts hatte ich schon in einem Artikel erklärt. Aber wie erzeugen wir gleichlange Spalten für flüssige Layouts, d.h. wo die Spaltenbreiten Prozentwerte sind (rechts 25%, mitte 50%, links 25% z.B.) ? Das ist nicht … Weiterlesen

Kategorie: XHTML/CSS | 1 Kommentar

Runde Ecken 3

Zwei Artikel zu Boxen mit abgerundeten Ecken habe ich bereits verfasst: Runde Ecken 1 und Runde Ecken 2. Im dritten Artikel wird die Box mit runden Ecken am Ende voll flexibel sein, d.h. sie hält einer Schriftvergrößerung von sechs Stufen … Weiterlesen

Kategorie: XHTML/CSS | 8 Kommentare