Welcome To Snipplr


Everyone's Recent CSS Snippets Tagged layout



« Prev 1 Next »
  1. FAV

    Facebook Like Box CSS Layout Design

    Demo Image http://i.imgur.com/f7o3Flr.png
    CSS saved by 4 people 16 views posted 6 years ago by jntu_gnec
  2. FAV

    Nexus Theme Relative page layout

    The relative "em" version of the fixed page layout of the Nexus core theme
    CSS 4 views posted 7 years ago by vanseijen
  3. FAV

    Nexus Theme fixed page layout

    Nexus Theme fixed page layout
    CSS 4 views posted 7 years ago by vanseijen
  4. FAV

    Horizontal + Vertical Centered Layout

    CSS 6 views posted 8 years ago by cesarkohl
  5. FAV

    CSS Layouts - Percent Based

    CSS 7 views posted 8 years ago by digitalzoomstudio
  6. FAV

    Sticky footer CSS

    CSS saved by 2 people 7 views posted 9 years ago by Eystein
  7. FAV

    CSS3 Box Shadow

    CSS saved by 2 people 5 views posted 10 years ago by crs
  8. FAV

    CSS Horizontally centered body

    CSS saved by 8 people 5 views posted 10 years ago by PeteW
  9. FAV

    Show all blocs of a page

    Great to see exactly the position of all the blocs in a page. Thanks to Chris Coyier for this tip.
    CSS 3 views posted 10 years ago by HubertGaulin
  10. FAV

    Clearfix with different layout classes

    Clearfix with 2 different classes: page, section Section: takes up a whole row (much like TR); Page: is the container for each section
    CSS 5 views posted 10 years ago by chrisjlee
  11. FAV

    960 Grid - Grey Box Layout

    CSS saved by 3 people 6 views posted 10 years ago by sixmedia
  12. FAV

    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...
    CSS saved by 3 people 8 views posted 10 years ago by kossmoss
  13. FAV

    Horizontally centering elements without width

    Add two containers to the element to be centered. This is also needed for IE6: 1. <!--[if>--> 2. .navwrap ul{float:left;} 3. <![endif]-->
    CSS 2 views posted 11 years ago by kanirasta
  14. FAV

    CSS multi columns layout

    CSS multi columns layout
    CSS saved by 6 people 10 views posted 11 years ago by Ashung
  15. FAV

    Cross-browser fluid layout

    CSS saved by 4 people 6 views posted 11 years ago by iTony
  16. FAV

    CSS Sticky Footer

    CSS saved by 58 people 54 views posted 11 years ago by rouxmout
  17. FAV

    Equidistant Objects with CSS

    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...
    CSS saved by 1 person 5 views posted 11 years ago by localhorst
  18. FAV

    Superb 3-column tableless layout

    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
    CSS saved by 8 people 12 views posted 12 years ago by Winkyboy
  19. FAV

    highlight selected item in menu CSS only

    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...
    CSS saved by 1 person 6 views posted 12 years ago by valcartei
  20. FAV

    alert messages - that pass the HTML validation

    CSS 4 views posted 12 years ago by valcartei
  21. FAV

    Styling input based on their type with CSS

    Style form fields
    CSS saved by 3 people 6 views posted 12 years ago by valcartei
  22. FAV

    Conflicting Absolute Positions

    this layout has a fixed width sidebar and a fluid main body.
    CSS saved by 2 people 2 views posted 12 years ago by penguin999
  23. FAV

    use specific styles for IE

    To use css which will only be applied if the browser is IE.
    CSS 4 views posted 12 years ago by valcartei
  24. FAV

    STICKER - A valid, easy to use CSS sticky footer

    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...
    CSS saved by 16 people 13 views posted 12 years ago by daeliur
  25. FAV

    CSS nowrap - Prevent Text From Wrapping in HTML

    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...
    CSS saved by 10 people 42 views posted 13 years ago by jonhenshaw
  26. FAV

    How to size text using ems - CSS

    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,...
    CSS saved by 9 people 7 views posted 13 years ago by zensir
« Prev 1 Next »