Welcome To Snipplr
Everyone's Recent CSS Snippets Tagged layout
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
« Prev 1 Next »
The relative "em" version of the fixed page layout of the Nexus core theme
0
847
posted 12 years ago by vanseijen
Great to see exactly the position of all the blocs in a page.
Thanks to Chris Coyier for this tip.
0
721
posted 15 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
875
posted 15 years ago by chrisjlee
CSS
Cool CSS way to make left- or right-aligned (but not "styled" or "classed") images look pretty with no HTML change.
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
1027
posted 15 years ago by kossmoss
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
711
posted 16 years ago by kanirasta
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
912
posted 16 years ago by localhorst
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
1035
posted 16 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
1188
posted 17 years ago by valcartei
this layout has a fixed width sidebar and a fluid main body.
1
630
posted 17 years ago by penguin999
STICKER - A valid, easy to use CSS sticky footer by Ryan Fait
This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing a...
8
1099
posted 17 years ago by daeliur
This handy CSS attribute can be used to keep text from wrapping. It can also be used to keep other HTML elements from wrapping. Simply apply the white-space:nowrap attribute to any HTML element to force text and images to not return within a specifie...
5
3490
posted 17 years ago by jonhenshaw
BODY {font-size:62.5%}
This takes 16px down to 10px (16 x 0.625 = 10), which apart from being less huge is a nice round number. From now on it’s easy to think in pixels but still set sizes in terms of ems: 1em is 10px, 0.8em is 8px, 1.6em is 16px,...
3
1199
posted 18 years ago by zensir
« Prev 1 Next »