MachHTML - ToolRunde Ecken oder ausgefallene RahmenEs werden 8 Bilder benötigt: 4 Bilder für die Ecken, 4 Bilder für die Seiten. Die Bilder werden als Hintergrundbilder bei 8 übereinanderliegenden Divs verwendet. Diese Konstruktion ist für alle Bildschirm-Auflösungen geeignet und wächst mit dem Inhalt. Um unnötige Ladezeiten zu sparen, sollten die Bilder nicht zu groß sein. Der Rest wird mit der angegebenen Hintergrundfarbe oder einem gekachelten Hintergrundbild gefüllt. | |
|
Die Hintergrundfarbe und/oder ein (gekacheltes) Hintergrundbild dienen dazu, die restliche Fläche zu füllen, die nicht von den Bildern der Ecken und Seiten abgedeckt wird. |
Alle Divs liegen exakt übereinander. Jedes Div enthält ein Hintergrundbild. Die Bilder für die Seiten werden horizontal bzw. vertikal positioniert und gekachelt. Die Bilder für die Ecken sind in den jeweiligen Ecken positioniert. |
Bilder erstellenUm die Bilder für solche Blöcke zu erstellen, kann man ein großes Bild in Ecken und Seiten zerschneiden. Transparente BilderFür transparente Bereich kann man zwar GIFs verwenden, aber die sehen meist nicht sonderlich schön aus. Deswegen ist es besser und einfacher, den Bildern die Hintergrundfarbe der dementsprechenden Seite zu geben. Achtung bei PNGs!Der Internet-Explorer stellt transparente Bereiche bei PNGs nicht dar. |
|
© 2010 Constanze Strauss www.seitenschritt.de
Letzte Aktualisierung am 05.03.2010
