960 Grid System (960gs): Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „http://960.gs/demo.html http://960.gs Beispiel <pre> <div class="container_12"> <div class="grid_3 prefix_1 suffix_8"> 1 vorher, 3 breit, 8 nachher </div> …“) |
|||
| Zeile 10: | Zeile 10: | ||
<div class="grid_10>10 Breit </div><div class="grid_2"> 2 Breit</div> | <div class="grid_10>10 Breit </div><div class="grid_2"> 2 Breit</div> | ||
</div> | </div> | ||
| + | |||
| + | 960gs Klassen: | ||
| + | |||
| + | Gesamtbreite des Layouts ist 960px. Man kann relative einfach breitere Ränder erzeugen. | ||
| + | |||
| + | .container_12 erzeugt einen Container für den ein 12 Spalten Raster gilt | ||
| + | |||
| + | .container_16 erzeugt einen Container für den ein 16 Spalten Raster gilt | ||
| + | .grid_1 bis .grid16 | ||
| + | |||
| + | erzeugen Spalten, die entweder im 12er oder 16er Raster liegen (je nachdem ob container_12 oder container_16 als Elternelement vorliegt. | ||
| + | |||
| + | .prefix_1 bis .prefix_15 Erzeugt leeren Raum vor dem grid Element | ||
| + | |||
| + | .suffix_1 bis .suffix_15 Erzeugt leeren Raum nach dem grid Element | ||
| + | |||
| + | .alpha verhindert den 10px margin am Anfang eines Grid Elements .omega verhindert den margin am Ende | ||
Version vom 10. Februar 2012, 08:24 Uhr
Beispiel
960gs Klassen: Gesamtbreite des Layouts ist 960px. Man kann relative einfach breitere Ränder erzeugen. .container_12 erzeugt einen Container für den ein 12 Spalten Raster gilt .container_16 erzeugt einen Container für den ein 16 Spalten Raster gilt .grid_1 bis .grid16 erzeugen Spalten, die entweder im 12er oder 16er Raster liegen (je nachdem ob container_12 oder container_16 als Elternelement vorliegt. .prefix_1 bis .prefix_15 Erzeugt leeren Raum vor dem grid Element .suffix_1 bis .suffix_15 Erzeugt leeren Raum nach dem grid Element .alpha verhindert den 10px margin am Anfang eines Grid Elements .omega verhindert den margin am Ende1 vorher, 3 breit, 8 nachher10 Breit2 Breit
