269 Tipps rss | 6 Nutzer online

CSS


|< << >> >| Eintrag 1-16 von 16

css links verweise formatieren CSS: Hyperlinks unterstreichen, sobald Mauszeiger darüber steht
In Menüs macht es sich gut, wenn ein Hyperlink unterstrichen erscheint, sobald der Mauszeiger darüber steht. Das folgende, vereinfachte Beispiel zeigt, wie es geht:<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Strict//EN'><html><head><title>Test</title><style type='text/css'>a { text-decoration: none}a:hover {text-decoration: [...]
[ 13.07.2007 | 0 Kommentare | 5007 Abrufe | Note 2.50 ]

css button formatieren CSS: Schaltflächen formatieren
Mit Hilfe von CSS können Sie auch Schaltflächen, also Buttons besser aussehen lassen. Farben, Schriftarten oder sogar einen Rahmen setzen Sie ganz einfach, wie das folgende Beispiel zeigt:<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Strict//EN'><html><head><title>Test</title><style type='text/css'>#abschicken {font-family:Verdana;color:blue;background: [...]
[ 12.07.2007 | 0 Kommentare | 4671 Abrufe | Note 4.25 ]

CSS effizient nutzen
Mit ein wenig Hintergrundwissen zu CSS schreiben Sie effektive Stylesheets, die Ihre Website besser aussehen lassen. Lesen Sie hier, wie Sie Klassen und Identifier in CSS effizient nutzen. Wichtig ist der Unterschied: Klassen können sich auf mehrere Elemente einer Seite beziehen. Identifier dagegen gelten immer nur für ein Element. (Siehe auch )Der [...]
[ 01.12.2006 | 0 Kommentare | 1217 Abrufe | Note 3.00 ]

Grundlagen: Das ist CSS
CSS steht für Cascading Stylesheets. Zu Deutsch bedeutet das etwa: Aufeinander aufbauende Stilvorlagen. In CSS legen Sie Formatierungen und Positionierungen von HTML-Elementen fest. Aussehen und HTML-Seitenstruktur sind getrennt. Das erleichtert Anpassungen im Layout.CSS-Hierarchien Identifier geht vor Klasse, Klasse geht vor Element-Bezeichnung. Das [...]
[ 01.12.2006 | 0 Kommentare | 1165 Abrufe | Note 4.00 ]

css erste zeile CSS: Erste Zeile hervorheben
Ein netter Effekt bei umfangreichen Texten kann es sein, wenn Sie die erste Zeile eines Absatzes anders formatieren, zum Beispiel fett. Dazu verwenden Sie CSS, zum Beispiel:<style type="text/css">p:first-line {font-weight: bold;}</style><p>Ich bin der erste Satz eines Absatzes.Ich bin anderer Text. Ich bin anderer Text.Ich bin anderer [...]
[ 15.11.2006 | 0 Kommentare | 1816 Abrufe | Note 3.00 ]

css fehlersuche CSS-Fehler einfach finden mit Firefox
Ohne Hilfsmittel ist die Optimierung von CSS-basierten Webseiten umständlich: Fehler bemerken – im HTML die zuständige Klasse identifizieren – CSS nachbessern – Erfolg überprüfen. Die Firefox-Erweiterung Web Developer bringt hier mehr Effizienz in die Entwicklung.Firefox-Erweiterungen finden und installierenZusätze wie der Web Developer sind Module, [...]
[ 14.11.2006 | 0 Kommentare | 5381 Abrufe | Note 4.00 ]

css zeile einrücken CSS: Erste Zeile einrücken
Bei umfangreichen Textdokumentensieht es gut aus, wenn die erste Zeile eines neuen Absatzes leicht eingerückt ist. Das geht mit CSS ganz einfach, indem Sie eine Vorlage wie die folgende definieren:<html><head><title>CSS-Test</title><style type="text/css">p { text-indent: 15px;width: 400px;}</style></head><body><p>Ich [...]
[ 14.11.2006 | 0 Kommentare | 6147 Abrufe | Note 3.00 ]

CSS: Schreibweisen für Farben
In CSS-Vorlagen können Sie RGB-Farben nicht nur in derhexadezimalen Schreibweise angeben, etwah1 {color: #FF0000}Genauso funktioniert die dezimale Schreibweise für RGB-Farben, hierh1 {color: rgb(255,0,0)}oder Prozentangaben für RGB-Farben, etwah1 {color: rgb(100%,0%,0%)}Der jeweils erste Wert gibt den Rotanteil der Farbe an, der zweite Wert steht [...]
[ 09.11.2006 | 0 Kommentare | 1255 Abrufe | Note 3.00 ]

CSS: Elemente mittig platzieren
HTML-Veteranen kennen noch das Tag <center> oder den Parameter align="center", um Elemente auf einer Seite mittig auszurichten. Unter CSS kann man mit text-align:center Text mittig ausrichten. Doch wie geht das mit einem Block-Element wie <div>? Probieren Sie es damit:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>CSS [...]
[ 09.11.2006 | 0 Kommentare | 1343 Abrufe | Note 3.00 ]

css margin padding merken CSS: Eselsbrücke für margin und padding
In CSS-Befehlen wie margin oder padding können Sie alle Parameter in eine Zeile schreiben: margin: 5px 10px 3px 0px;Um sich die Anordnung zu merken, denkt man an die Uhr: der erste Wert ist 12 Uhr, also oben. Der zweite, 3 Uhr, ist rechts, 6 steht für unten und 9 ist links. [...]
[ 24.10.2006 | 0 Kommentare | 2411 Abrufe | Note 3.00 ]

CSS: Schriftgröße in em angeben
Viele verwenden für die Formatierung ihrer Schrift die Angabe px. Der Internet Explorer kann aber so formatierte Seiten nicht ohne weiteres vergrößern und verkleinern. Flexibler ist der Weg über em. Dazu müssen Sie zunächst eine Basisgröße festlegen. Das geht mit body { font-size: 62.5%;}Sofern der Benutzer nicht die meist übliche Standardschriftgröße [...]
[ 12.10.2006 | 0 Kommentare | 1465 Abrufe | Note 4.00 ]

CSS: Farbangaben abkürzen
Um Tipparbeit beim Schreiben von CSS-Stylesheets zu sparen, können Sie die Farbangaben immer dann abkürzen, wenn die Ziffern aus gleichen Paaren bestehen. Aus #CCDDEE machen Sie einfach #CDE.Im Stylesheet sieht das zum Beispiel so aus:<style type="text/css">body {background-color: #CDE}</style>Nachteil: Es stehen nicht so viele Farben zur [...]
[ 09.10.2006 | 0 Kommentare | 1301 Abrufe | Note 3.00 ]

PHP: Tabellen mit wechselnden Farben einfach erzeugen PHP: Tabellen mit wechselnden Farben einfach erzeugen
Bei der Ausgabe längerer Tabellen wird es schnell unübersichtlich. Je breiter die Reihen, desto schwerer fällt es dem Auge, in einer Zeile zu bleiben. Ein einfacher Ansatz, dieses Problem zu lösen, ist, die Zeile unterschiedlich einzufärben. Auf diese Weise kann sich der Leser besser in den Tabellenzeilen orientieren. Das folgende Beispiel zeigt das [...]
[ 08.10.2006 | 0 Kommentare | 2479 Abrufe | Note 1.71 | 1 Datei(en) ]

Debugging für HTML: Fehler finden mit Plugin
HTML zu debuggen ist mühsam. Ein wenig erleichtert das Firefox-Plugin "Webdeveloper" die Arbeit. Auf Knopfdruck zeigt das Programm zum Beispiel die Umrisse aller Tabellen. Das ist ideal, um Fehler in Tabellen zu erkennen. Weiteren Problemstellen kommen Sie mit den direkten Verknüpfungen zu Validatoren auf die Spur. Zwei Klicks genügen, und das W3C untersucht [...]
[ 28.03.2006 | 0 Kommentare | 3725 Abrufe | Note 3.00 ]

Formulare: Formularfeld mit CSS formatieren Formulare: Formularfeld mit CSS formatieren
Die HTML-Formularfelder versprühen nicht sonderlich viel Charme. Es sind eben Formulare. Doch mit ein wenig CSS machen Sie aus den drögen Feldern attraktive Eingabeboxen. Ein Beispiel:<input style="background-color: beige;color:black;border:none"/>Damit zeichnet der Browser ein Eingabefeld mit beigem Hintergrund. Die Schrift der Eingabe erscheint [...]
[ 28.03.2006 | 0 Kommentare | 10701 Abrufe | Note 2.50 ]

Cascading Stylesheets: Namen für CSS-Klassen richtig wählen
Klassen in Cascading Stylesheets sind praktisch. Aber sie verleiten viele, sich Probleme einzuhandeln. Das Problem: Oft vergibt man Namen für Klassen, die auf das Aussehen hinweisen, etwa.grau {background-color: gray;}Das ist nicht besonders schlau. Denn was ist, wenn Sie eines Tages das Design so ändern, dass der Hintergrund hellgrün wird? Dann stehen [...]
[ 13.12.2005 | 0 Kommentare | 1691 Abrufe | Note 4.00 ]

|< << >> >| Eintrag 1-16 von 16