CSS: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(→Menus) |
|||
Zeile 22: | Zeile 22: | ||
** At the bottom are examples with 2, 3, 4 and 5 columns. | ** At the bottom are examples with 2, 3, 4 and 5 columns. | ||
− | ==Two Horizontal Divs== | + | ===Layouts== |
+ | ===Two Horizontal Divs=== | ||
* http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining | * http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining | ||
** http://jsfiddle.net/BsHpj/9/ | ** http://jsfiddle.net/BsHpj/9/ | ||
+ | ===Others=== | ||
+ | * [http://jsfiddle.net/KtgVN/20/ Left, Right, Centered Div] | ||
==CSS3 gradient background== | ==CSS3 gradient background== |
Version vom 24. August 2013, 14:20 Uhr
OSEG Wiki
See what CSS code you can use in the OSEG Wiki:
- in Commons.css under /** OSEG CSS Code **/
- The class .round makes tables, divs and spans (everything with a border) round with 10px.
Guidelines
Fonts
- Font Squirrel - handpicked free fonts for graphic designers with commercial-use licenses.
Colors
- Harmonic Colors
- COLOURlovers - palettes and more.
- Adobe Kuler - needs an Adobe account.
- Find the Perfect Colors for Your Website
Equal Height Columns
- http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell
- http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
- At the bottom are examples with 2, 3, 4 and 5 columns.
=Layouts
Two Horizontal Divs
Others
CSS3 gradient background
Menus
Forms
Animations and Effects
Images
- http://placehold.it/ - a quick and simple image placeholder service.