Welcome To Snipplr
Everyone's Recent Snippets Tagged layout
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
A simple class layout template that I always use to get me started.
Nothing fancy. Just your basic structure.
1
903
posted 15 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
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
1026
posted 15 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
1103
posted 15 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
942
posted 15 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
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
1034
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
1187
posted 17 years ago by valcartei
replace submit buttons with nice images and does also the rollover. Easy.
1
803
posted 17 years ago by valcartei
this layout has a fixed width sidebar and a fluid main body.
1
629
posted 17 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
1016
posted 17 years ago by valcartei