Blog Image

it.wiedemer.eu

Über diesen Blog

In diesem Blog gibt es Tips&Tricks rund um die IT.


Haupt-Themen sind u.a.:
- Windows
- Office
- Server + Infrastruktur


Reinschauen lohnt sich!


Wer die Tips dann ausprobiert und diese für sinnvoll erachtet hat, der kann den Blog über das rote RSS-Feed-Symbol abonnieren, sodass er Ad-Hoc informiert wird, wenn ich neue Tips im Blog hinterlasse.


Um sich selbst an Themen zu beteiligen bitte einfach "Kommentieren" unterhalb des Themas wählen.


Und wer selbst über diese Plattform eigene Tips veröffentlichen möchte, der melde sich bitte kurz bei mir unter: blog@wiedemer.eu um einen entsprechenden Login zu erhalten.

Überlappende Hintergrundbilder (CSS3)

Internet (html+css) Posted on Mo, Januar 24, 2011 21:18

Problem:
Sie würden gerne mehrere Hintergrundbilder überlappen?
=> Kein Probem mehr mit CSS3!

Lösung:
Erstellen Sie eine Formatklasse nach folgendem Muster:

.hintergrund {background: url(bild1.gif) center center no-repeat, url(bild2.gif) top left repeat;}

Sie können nun bei jedem Bild die Ausrichtung festlegen und selbst entscheiden ob es gekachelt werden soll oder nicht.
Dieses Format wird schon von den aktuellen Versionen von Firefox, Chrome und Safari wie dem IE-9 (Beta) unterstützt.



Lange Wörter umbrechen

Internet (html+css) Posted on Mo, Januar 24, 2011 21:10

Problem:
auf manchen Webseiten sind die Zeichenketten einfach so lange, dass diese über die Grenzen der aufnehmenden Seitenelemente hinaus schießen.

Lösung:
mit CSS3 kann das mit dem „word-wrap„-Attribut wie folgt verhindert werden:
Erstellen Sie folgende Formatklasse:

.umbruch {word-wrap: break-word;}

dem jeweiligen Absatz muss nun nur noch diese Klasse zugewiesen werden:
<p class=“umbruch“>Text</p>