 Hilfsmittel - Lineale
Beim Entwurf ihres Layouts sollten sie die unterschiedlichen Bildschirmauflösungen ihrer Seitenbesucher berücksichtigen.
Dazu ist es oft erforderlich, die Frame-, Seiten- und Elementbreite innerhalb ihres HTML-Dokuments zu überprüfen. Eine Hilfe für die Layoutplanung und Fehlersuche sind meine 4 Lineale.
Breiten: 1280, 1024, 800, 500 Pixel, Dateiformat: Gif-Image
Fügen sie die Lineale als Image in ihre HTML-Seite ein, um Abstände und Breiten zu kontrollieren. Sehr hilfreich, wenn Margin und Padding oder ein zu großes Image ihr Layout zerstört.
Hintergrundgrafik zur Fehlersuche
Wo liegt der Fehler? Zur exakten Überprüfung von Elementbreiten könnte man eines meiner Linale als Hintergrundgrafik für diese Bereiche einbinden.
Beispiel: 500 Pixel Breite
Die Lineale haben eine 5 Pixel-Maßeinteilung. Die größeren Lineale haben zusätzlich rote Markierungen für 800 / 1024 Pixel.
Im HEAD-Bereich:
<style type="text/css">
<!--
.lineal{
margin:0px;
padding:0px;
background: url(lineal-500.gif) #FFFFFF ;
background-position: top left;
background-attachment: fixed;
background-repeat: no-repeat;
}
-->
</style>
in den HTML-Elementen:
<HTML-Tag class="" ... >
Download von 4 Linealen
Die Lineale sthehen als GIF-Datei in unterschiedlichen Breiten zur Verfügung!
Beispiel: 500 Pixel Breite
Die Lineale haben eine 5 Pixel-Maßeinteilung. Die größeren Lineale haben zusätzlich rote Markierungen für 800 / 1024 Pixel.
  Lineal 500 Pixel - anzeigen + abspeichern 
Lineal 800 Pixel - anzeigen + abspeichern
Lineal 1024 Pixel - anzeigen + abspeichern
Lineal 1280 Pixel - anzeigen + abspeichern
Erstellt: 17.04.2004
|
ZURÜCK 
Lineal 800 Pixel - anzeigen + abspeichern 
Lineal 1024 Pixel - anzeigen + abspeichern 
Lineal 1280 Pixel - anzeigen + abspeichern