Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
Wordpress has a built in class that you can style to style the down nav state for the page you are on. Adjust div name accordingly.
1
699
posted 14 years ago by kstetson
Assign this class to any element that needs to have layout (hasLayout=true) and it will get it. ...with the style placed inside IE conditional comments, it will be ignored by the validator, which removes the only obstacle to using zoom:1 - which has...
2
570
posted 14 years ago by jessibird
You can turn off Safari and Opera’s blue outline focus style using:
0
537
posted 14 years ago by fabi
Change Text Highlight Color |
Prevent Firefox Scrollbar Jump |
Print Page Breaks |
Attribute-Specific Icons |
CSS Pointer Cursors |
Prevent Safari Resizeable Text areas
2
482
posted 14 years ago by benjaminpearson
Finally got round going through a sliding door example myself. All fairly straightforward apart from a few IE6 issues (who would have guessed!).
The button is floated so you may need to add overflow: hidden to it's container.
1
741
posted 14 years ago by 1man
Excellent article on using a CSS Template layout system that makes customizing web pages a step easier.
3
701
posted 14 years ago by donjuanito909
Useful little spippet for a button anchor where the text may change.
0
778
posted 14 years ago by 1man
When you hover over the “message†div, the “controls†div inside it will appear, along with all of its content, giving you the same functionality as used by the Twitter web app.
There may be an issue with accessibility because screen reade...
0
598
posted 14 years ago by justinseiter
This method maintains its integrity with all combinations of images on/off and CSS on/off.
This method works by laying an empty span over the top of the parent element with the required image applied as a background to that span.
There is howev...
4
1013
posted 14 years ago by justinseiter
This sticky footer solution is working in all major browsers, including Google Chrome! It works with floated 2-column layouts and we don't get overlap in re-sized browser windows unlike older solutions you find when you Google sticky footer. And you...
8
679
posted 14 years ago by justinseiter
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
Thanks to perishablepress.com for this. Below is an example for ie6 max-height.
From their site:
"This method has been verified in IE6 and should also work in IE5. Simply change the values to suit your needs (code commented with explanatory notes...
1
740
posted 14 years ago by charmcitycoder
Since there are still many people using IE6, we have to cater for them :-(
Anyway, this CSS statement shows a declaration for a PNG Logo. Most browsers will understand the first 5 lines. Sadly, IE6 will not be able to use the transparent PNG from l...
1
665
posted 15 years ago by AshMan
From this article, Martin "mpot" Pot mention:
" The above CSS definition is defining a style called noprint, and will only be applied to printed content. Setting the display property to none means any content using this CSS style will not be displ...
0
1012
posted 15 years ago by HubertGaulin
In IE6 (+7?) the fieldset width doesn't automatically resize to fit the width of the parent container.
1
574
posted 15 years ago by hotdiggity
For instances where you have an empty div that is less than about 10-15px in height. IE assumes it should contain something and allots room for text.
I first found this on the webdeveloper.com forums.
The kicker here for me was the "font-size:0"...
2
755
posted 15 years ago by charmcitycoder
margin-top è la meta dell'altezza / margin-left è la metà della larghezza
0
506
posted 15 years ago by BoNzO
The first part resets all the browser\\\'s default styles. The second part adds some styles back in and provides a few classes for common issues. The third part will check your page for invalid markup.
2
668
posted 15 years ago by BFTrick