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
708
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
561
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
703
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
845
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
853
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
780
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
550
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
740
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
830
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
992
posted 16 years ago by valcartei
replace submit buttons with nice images and does also the rollover. Easy.
1
637
posted 16 years ago by valcartei
this layout has a fixed width sidebar and a fluid main body.
1
485
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
840
posted 16 years ago by valcartei