Welcome To Snipplr


Everyone's Recent Snippets Tagged layout



1 19 posted 10 years ago by koo23
2 13 posted 10 years ago by PeteW
A simple class layout template that I always use to get me started. Nothing fancy. Just your basic structure.
1 23 posted 10 years ago by StrawMan
Great to see exactly the position of all the blocs in a page. Thanks to Chris Coyier for this tip.
0 15 posted 10 years ago by HubertGaulin
Clearfix with 2 different classes: page, section Section: takes up a whole row (much like TR); Page: is the container for each section
0 20 posted 10 years ago by chrisjlee
1 19 posted 10 years ago by sixmedia
am elegantesten per local.xml
0 18 posted 10 years ago by nico65
When we can't or won't change the code of image tag with align attribute, but no 'style="margin: 0 10px 10px 0;' or 'hspace=10px' (IMHO, hspace makes bad looking layout in most cases) code within (just pure <img> code), we can use simple CSS rules f...
1 22 posted 10 years ago by kossmoss
A very simple plug-in I wrote to make x number of columns equal height. Looks for the column with the biggest height then sets the rest to the same. I'm sure it can be made cleaner, will look into that later.
4 33 posted 11 years ago by 1man
A simple form with rounded corners, and hopefully not too much markup. You'll need some kind of graphic for the corners of course - I used 20px corners for this. It's a bit rough, would love to know what some other people think.
1 28 posted 11 years ago by superdeluxesam
Add two containers to the element to be centered. This is also needed for IE6: 1. <!--[if>--> 2. .navwrap ul{float:left;} 3. <![endif]-->
0 16 posted 11 years ago by kanirasta
CSS multi columns layout
3 23 posted 11 years ago by Ashung
2 14 posted 12 years ago by iTony
29 120 posted 12 years ago by rouxmout
Creating a horizontal row of objects that are equidistant from each other is another one of those things in web design that is much more difficult than it should be. This can be a very useful thing to do, especially in fluid width layouts when you ar...
1 25 posted 12 years ago by localhorst
0 19 posted 12 years ago by sondosia
Also see the automagic column builder on this page. YOU NEED THIS FILE TOO! Place it in the subfolder, "css/". http://snipurl.com/3col_support_css
4 34 posted 12 years ago by Winkyboy
give a class name to each link according to the page it redirects to. give attribute id to the body of the template and make the attribute editable (Dreamweaver lets you do that: select the attrib, Modify>Templates>Make attribute editable and tick t...
1 32 posted 12 years ago by valcartei
1 16 posted 12 years ago by bodhi
replace submit buttons with nice images and does also the rollover. Easy.
1 20 posted 12 years ago by valcartei
Style form fields
1 18 posted 12 years ago by valcartei
this layout has a fixed width sidebar and a fluid main body.
1 7 posted 12 years ago by penguin999
have dt and dd inline is done automatically in Firefox, but screws up in IE7. So we need additional css rules, which have to be applied only if IE is used.
0 21 posted 12 years ago by valcartei
To use css which will only be applied if the browser is IE.
0 23 posted 12 years ago by valcartei