WordPress & Webwork - perun.net



Die Kategorie "HTML & CSS"

Hier sind alle Beiträge aufgelistet, die in die Kategorie HTML & CSS einsortiert wurden. Die Beschreibung dieser Kategorie lautet:

Berichte zu (X)HTML und CSS

Du hast die Möglichkeit den RSS-Feed speziell nur für diese Kategorie zu abonnieren.

Mehr SEO für WordPress

Linkschleuder 20: WordPress und CSS3

Von Vladimir am 12. 03. 2011 um 15:04

Mit Jetpack bekommt man die Möglichkeit die Funktionen von WordPress.com auch dem selbstgehosteten Weblog (WordPress.org) zu spendieren. Momentan wären dies acht Funktionen:

WordPress: Jetpack

Zusätzliche Funktionen mit Jetpack

Außer der Funktion Sharedaddy ist jetzt nichts dabei, was in meinen Augen bzw. für mich die Installation von Jetpack rechtfertigen würde. Siehe zu diesem Thema auch den Artikel auf WordPress.com und auf t3n. (weiterlesen…)

Hinweis:
WordPress 3.3 für Autoren & Redakteure (pdf)
Ausdruckbar, Volumenlizenzen zu sehr fairen Preisen.

CSS: Methoden um Inhalte zu verbergen

Von Vladimir am 07. 03. 2011 um 15:17

Es gibt mehrere Methoden um Inhalte zu verbergen. Um gewisse Inhalte zu verbergen gibt es mindestens zwei sinnvolle Gründe. Zum einen wäre dies um die Zugänglichkeit einer Website für die Screenreader zu verbessern und der zweite Grund ist die Suchmaschinenoptimierung (SEO).

Nein! Im Fall von SEO rede ich jetzt nicht von den Methoden, die Google auf den Plan rufen, wie zum Beispiel versteckte Links etc. Ich rede hier davon, dass ein Logo welches als Hintergrundbild abgelegt ist, oder wie hier ein Teil der kompletten Kopfgrafik, weder für den Screenreader noch für eine Suchmaschine eine Aussage hat. Daher ist es sinnvoll für die "normalen" Besucher das Logo einzublenden, die anderen bekommen dann zum Beispiel den Titel der Seite als Text präsentiert. (weiterlesen…)

Hinweis:
Kostenloser WordPress-Newsletter
Wöchentl. Newsletter zu WordPress und verwandten Themen

CSS: Pseudoklassen :first-child und :last-child

Von Vladimir am 03. 03. 2011 um 14:15

Zur Abwechslung gibt es mal wieder ein CSS-Artikel in diesem Weblog. Seit CSS1 existiert die Pseudoklasse :first-child und seit CSS3 :last-child. Mit :first-child spricht man das erste und mit :last-child das letzte Kindelement eines Elternelements an. Verstanden? Nein, hier ein Beispiel:

<div id="sidebar">
    <h3>Erste Überschrift</h3>
    <p>...</p>

    <h3>Überschrift</h3>
    <p>...</p>

    <h3>Letzte Überschrift</h3>
    <p>...</p>
</div>

Das obere Code-Beispiel stellt eine recht übliche Seitenleiste aka Sidebar dar. Jetzt könnte es sein, dass man der ersten Überschrift den oberen, äußeren Abstand (margin-top) wegnehmen möchte, damit es auf der gleichen Höhe wie der Inhalt anfängt. Anstatt jetzt der ersten Überschrift ein zusätzliches Klassenattribut zu vergeben, könnte man einfach folgendes in der CSS-Datei notieren: (weiterlesen…)

Hinweis:
WordPress 3.3 für Autoren & Redakteure
Der schnelle und unkomplizierte Einstieg auf 45 DIN-A4-Seiten

HTML und CSS: lange Wörter in den Griff bekommen

Von Vladimir am 10. 02. 2011 um 15:42

Die deutsche Sprache ist dafür bekannt dass sie einige lange Wörter hat. Hier nur zwei Beispiele:

  • Unionsfraktionsvizevorsitzender
  • Donaudampfschiffahrtsgesellschaftskapitän

Es gibt noch längere Beispiele, aber wir wollen hier nicht schon am Anfang das Pulver verschießen. Hat man viel Fläche zur Verfügung, dann machen solche Wörter kein Problem, aber in eingerückten Kommentarbereichen oder Infoboxen kann das schon problematisch werden. Ist das Wort breiter als die Box, dann wird die Breite der Box im Normalfall ignoriert und das Wort ragt raus: (weiterlesen…)

CSS: die Linkumrandung manipulierenWie man mit Hilfe von CSS

Von Vladimir am 07. 11. 2010 um 14:31

Wen man in Mozilla Firefox auf einen Verweis klickt, dann bekommt man eine visuelle Rückmeldung in Form eines roten, gepunkteten Rahmens:

Die Umrandung des Links in Firefox

Angeklickter Link in Firefox

Der Internet Explorer 8 dagegen tischt einen dezenten weißen Rahmen auf. Die aktuellen Versionen von Google Chrome und Opera zeigen keine Veränderung diesbezüglich an, genau wie der Internet Explorer 6 und 7. (weiterlesen…)

CSS: border-collapse "deaktiviert" border-radius

Von Vladimir am 14. 10. 2010 um 17:06

Für manche neu, für andere olle Kamelle: aber die Deklaration border-collapse: collapse; deaktiviert die abgerundeten Ecken, die man durch CSS3 erreichen will. Dabei werden sowohl die "offizielle" Eigenschaft (border-radius) als auch die browserspezifischen Eigenschaften (zum Beispiel -moz-border-radius) übergangen.

Siehe auch CSS Backgrounds and Borders Module Level 3 von W3C.

Der Hintergrund der ganzen Sache ist, dass ich letztens vor hatte auch den Tabellen im Artikel Tastaturkürzel für schnelleres Schreiben im WordPress-Editor abgerundete Ecken zu spendieren, so wie ich es schon hier im Artikel CSS3 und abgerundete Ecken beschrieben habe. (weiterlesen…)

Überschriften über dem Formular-Feld leichter zu erfassen

Von Vladimir am 02. 09. 2010 um 21:35

Vorhin auf Twitter einen Link mit dem Namen Why Users Fill Out Forms Faster With Top Aligned Labels endeckt. Dort wird beschrieben warum die Nutzer ein Formular, wo sich die Überschriften über den jeweiligen Formular-Feldern befinden, schneller erfassen und dadurch auch schneller ausfüllen können.

Im Artikel selber befindet sich auch eine Grafik, die das verdeutlicht. Aber ohne die Erlaubnis des Autor, möchte ich sie hier nicht einsetzen.


Archiv: «« 1 2 3 4 5 6 7 8 9 10 11 12 22 23 »»

Weblog der perun.net webwork gmbh mit Artikeln zum Thema WordPress, Webwork, und Internet.