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
705
posted 14 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
558
posted 14 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
699
posted 14 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
838
posted 14 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
849
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
775
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
548
posted 15 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
735
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
826
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
989
posted 16 years ago by valcartei
replace submit buttons with nice images and does also the rollover. Easy.
1
634
posted 16 years ago by valcartei
this layout has a fixed width sidebar and a fluid main body.
1
479
posted 16 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
834
posted 16 years ago by valcartei