Welcome To Snipplr
Everyone's Recent Snippets Tagged css
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
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
457
posted 14 years ago by daeliur
Say you want a containing block with 2 floating elements to expand around the floating element, usually this wouldn't happen since the container has no height because the floating elements are out of the usual flow.
The method below fixes this pro...
3
286
posted 14 years ago by 1man
This solution is cool for screen readers, because they also read the text content.
2
260
posted 14 years ago by narmolanya
Wer mal nur den IE7 mit css ansprechen will oder muss zb. weil der IE7 einen bestimmten bug hat, kann dies folgendermaßen tun.
*:first-child+html
Wenn man also zb. die schriftfarbe der css class “meineklasse†nur für den IE7 verändern wi...
0
321
posted 14 years ago by smilylion
Very simple navigation. Style the id using CSS. Allows you to highlight the current page with CSS.
1
384
posted 14 years ago by 1man
A CSS sticky footer
http://ryanfait.com/sticky-footer/
Copyright (c) 2006-2007 Ryan Fait
2
449
posted 14 years ago by masaya
CSS
ç”»åƒç½®æ›ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ãŸéš›ã«ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ãŒãƒ¨ã‚³ã«ä¼¸ã³ã¦ã—ã¾ã†ã®ã‚’防ã方法
text-index: -9999px;
ãªã©ã—ã¦ç½®æ›ã—ã¦ã„ã‚‹å ´åˆã€ã“ã®æ•°å—ã®é€šã‚Šã«ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ (クリックã—ãŸéš›ã®ç‚¹ç·š) ãŒãƒ¨ã‚³ã«ä¼¸ã³ã¦ã—ã¾ã†ã€‚
ã“れを解決ã™ã‚‹æ–¹æ³•ã€‚
1
459
posted 14 years ago by masaya
Removes the default styling different browsers use, so you minimise cross browser problems.
1
291
posted 14 years ago by 1man
Example off ALA, pleasing typography layout for the web. Based on the grid system.
4
405
posted 14 years ago by 1man
This template is for an XHTML 1.1 document with an external stylesheet.
0
322
posted 14 years ago by cpjobling
Useful function for CSS DOM, returns the next element after the selected node. So you could style the element directly after a h1 element for example.
2
270
posted 14 years ago by 1man
A low-tech but useful technique that uses only CSS. After placing the css in your stylesheet, insert this just below the body tag of your page: "". Whenever the images are referenced throughout your pages they will now be loaded from cache.
65
4349
posted 14 years ago by aznprncritic
A great script that will serve up stylesheets based on browser viewport size.
5
427
posted 14 years ago by aznprncritic
Les propriétés racourcies
Exemple avec la propriété raccourcie 'font':
En clair vous pouvez résumer ça:
p {
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana...
3
339
posted 14 years ago by clapfouine
Most of these come from the book "CSS Mastery: Advanced Web Standards Solutions," a must-read by Andy Budd (seriously, even if you've used CSS for years, you'll learn a good deal of new things from this book; beginners should read this imme...
2
225
posted 14 years ago by pckujawa
IE6 and before doesn't support :hover in CSS (except for anchors). You can use this script to make hovers work in IE. Just add the following line to your stylesheet (this assumes the path of the file -- you may need to change it to reflect your paths...
7
704
posted 14 years ago by jonhenshaw