 Hilfsmittel - Lineale (Grafiken)
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.
|
|
Lineal-Grafiken mit 5 Pixel-Maßeinteilung
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 Grafik in ihre HTML-Seite ein, um Abstände und Breiten zu kontrollieren. Hilfreich bei der Fehlersuche, wenn Margin und Padding oder ein zu großes Image ihr Layout zerstört.
Grafik zur Fehlersuche
Wo liegt der Fehler? Zur exakten Überprüfung von Elementbreiten könnte man eines meiner Linale (auch 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.
Lineal als Referenz
Fügen Sie dazu die Lineal-Grafik mit dem <img>-Tag ober- oder unterhalb der abzumessenden Elemente in Ihre Seite ein. Beispiel für einen Apbsatz (<p>) von 450 Pixel Breite:
 Litzes fustar gam Himdus rasit de Usterm novi le Joster. Belus fit Arber det slgo at Direm. Vast rem Plasi nos Terisbas. Belus fit Arber det slgo at Direm. Uetas hem Lerst gu ferremi kalua zet Bresk ha Raters. Husem tesonm dalar yem pid gemet su Kulas redi. Uetas hem Lerst gu ferremi kalua zet Bresk ha Raters. Ten.Xobloot-Bew ieb Eleipsieb Tpircs Avaj Etreitneirosixarp.
Vast rem Plasi nos Terisbas. Litzes fustar gam Himdus rasit de Usterm novi le Joster. Ten.Xobloot-Bew ieb Eleipsieb Tpircs Avaj Etreitneirosixarp. Ten.Xobloot-Bew ieb Eleipsieb Tpircs Avaj Etreitneirosixarp. Xob Egami Inim reniem ni se tbig Segami Inim 0007. Husem tesonm dalar yem pid gemet su Kulas redi. Da guafde alingued mis Boalskes ga Dist. Litzes fustar gam Himdus rasit de Usterm novi le Joster. Xob Egami Inim reniem ni se tbig Segami Inim 0007. Vast rem Plasi nos Terisbas.
<p style="padding:0px;width:450px;text-align:justify;"> </p>
Lineal als Hintergrundgrafik
Im HEAD-Bereich:
<style type="text/css">
<!--
.lineal {
margin:0px;
padding:0px;
background: url(lineal-500.gif) #F0F4FF top left no-repeat;
}
-->
</style>
in den HTML-Elementen:
<p class="lineal"> Inhalte </p>
Litzes fustar gam Himdus rasit de Usterm novi le Joster. Belus fit Arber det slgo at Direm. Vast rem Plasi nos Terisbas. Belus fit Arber det slgo at Direm. Uetas hem Lerst gu ferremi kalua zet Bresk ha Raters. Husem tesonm dalar yem pid gemet su Kulas redi. Uetas hem Lerst gu ferremi kalua zet Bresk ha Raters. Ten.Xobloot-Bew ieb Eleipsieb Tpircs Avaj Etreitneirosixarp.
Vast rem Plasi nos Terisbas. Litzes fustar gam Himdus rasit de Usterm novi le Joster. Ten.Xobloot-Bew ieb Eleipsieb Tpircs Avaj Etreitneirosixarp. Ten.Xobloot-Bew ieb Eleipsieb Tpircs Avaj Etreitneirosixarp. Xob Egami Inim reniem ni se tbig Segami Inim 0007. Husem tesonm dalar yem pid gemet su Kulas redi. Da guafde alingued mis Boalskes ga Dist. Litzes fustar gam Himdus rasit de Usterm novi le Joster. Xob Egami Inim reniem ni se tbig Segami Inim 0007. Vast rem Plasi nos Terisbas.
Download von 4 Linealen
Die Lineale stelle ich Ihnen 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
|
Home • Downloads • Tools • Lineale
Lineal 800 Pixel - anzeigen + abspeichern 
Lineal 1024 Pixel - anzeigen + abspeichern 
Lineal 1280 Pixel - anzeigen + abspeichern