Archiv der Kategorie: CSS

Maximale und minimale Höhe und Breite im Internet Explorer

Ab und an kann es nützlich sein, Objekten auf einer Webseite eine maximale/minimale Höhe oder Breite zu geben, oder gar beides.

Dies sollte doch gar nicht so schwer sein, mag man nun denken, denn dafür gibt es ja CSS-Optionen.
Weiterlesen

Kategorie(n): CSS
Tags: , ,
Hinterlasse einen Kommentar

Transparenten Hintergrund in input und textarea simulieren

In Zeiten von Web 2.0 findet man immer wieder Transparenzen.

Viele realisiert durch JavaScripte oder PNG-Grafiken. Bei <input> und/oder <textarea> ist das durch einen kleinen CSS-Trick machbar. Diese Elemente haben einen eigenen Hintergrund, welcher nicht mit background-color: transparent; zu “beeindrucken” ist. Möchte man nun aber dennoch solche Eingabefelder ohne Hintergrund haben, oder zumindest den Eindruck erwecken, sie hätten keinen, dann schafft man dieses mit folgendem CSS.
Weiterlesen

Kategorie(n): CSS
Tags: , ,
Hinterlasse einen Kommentar

Horizontale Liste

Gerade bei Navigationen sind mittlerweile Liste etwas sehr Schönes.

Natürlich, Listen lassen sich ja auch wunderbar formatieren und so hinbauen wie man sich das vorstellt. Hier nun die Möglichkeit der horizontalen Liste.

Listen sind im Normalfall eine Ansammlung von Objekten welche untereinander angeordnet sind. Um diese nun horizontal nebeneinander zu bekommen, bedient man sich simplen CSS.
Weiterlesen

Kategorie(n): CSS
Tags: , , ,
Hinterlasse einen Kommentar

CSS Border und Outline

Es gibt zwei Möglichkeiten, einen Rahmen für z.B. ein div-Element zu definieren: Border und Outline.
Die Breite des Rahmens von “border” wird zur Breite des Elements hinzuaddiert. Bei “outline” hingegen, wird der Rahmen um das Element herumgelegt. Außerdem wird dadurch keine andere Formatangabe beeinflusst. Man kann daher “outline” besser benutzen, um zu überprüfen, ob alle Elemente auf seiner Webseite die richtige Größe besitzen. Border eignet sich dort wegen dem o.g. Problem nicht sehr gut.
Weiterlesen

Kategorie(n): CSS
Tags: , ,
Hinterlasse einen Kommentar

CSS-Transparenz

CSS 3 ist zwar noch nicht da, aber es gibt trotzdem die Möglichkeit, mit CSS Elemente transparent zu machen. Als transparent gilt eine sichtbare Ebene, durch welche auch noch der Hintergrund zu sehen ist. Durch Transparenzen erreicht man durchaus sehenswerte Effekte auf einer Webseite. Eine Möglichkeit Transparenz zu realisieren bietet CSS, was leider erst ab CSS 3 komplett valide ist.
Weiterlesen

Kategorie(n): CSS
Tags: ,
Hinterlasse einen Kommentar
Werbung

WISE SEO Tools

CSS durch PHP beeinflussen

Die Möglichkeiten eine Webseite durch CSS zu gestalten sind nicht zu verachten. Nur leider ist es so, das CSS doch recht “statisch” ist. Nun wird im Netz des Öfteren die Frage gestellt, ob es eine Möglichkeit gibt, Variablen innerhalb von CSS einzusetzen. Die Antwort ist im Allgemeinen “NEIN”. Technisch gesehen ist diese Antwort richtig, doch mit ein paar kleinen Tricks kann man dennoch Variablen nutzen. Dafür macht sich PHP ganz gut, und wie das genau geht, sei hier einmal erläutert.
Weiterlesen

Kategorie(n): CSS, PHP
Tags: , , ,
Hinterlasse einen Kommentar