Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
- opacity: 0.5; Funktioniert in den neuesten Versionen von Firefox, Safari und Opera
- filter:alpha(opacity=50); für den Internet Explorer.
-moz-opacity:0.5; für ältere Versionen der Mozilla Browser wie beispielsweise Netscape Navigator, Mozilla...
2
455
posted 13 years ago by skrippendorf
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
532
posted 13 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
438
posted 13 years ago by jessibird
You can turn off Safari and Opera’s blue outline focus style using:
0
408
posted 13 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
380
posted 13 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
563
posted 13 years ago by 1man
Excellent article on using a CSS Template layout system that makes customizing web pages a step easier.
3
560
posted 13 years ago by donjuanito909
Useful little spippet for a button anchor where the text may change.
0
559
posted 13 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
451
posted 13 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
790
posted 13 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
498
posted 13 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
643
posted 13 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
577
posted 13 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
515
posted 13 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
735
posted 13 years ago by HubertGaulin
In IE6 (+7?) the fieldset width doesn't automatically resize to fit the width of the parent container.
1
452
posted 13 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
563
posted 13 years ago by charmcitycoder
margin-top è la meta dell'altezza / margin-left è la metà della larghezza
0
382
posted 13 years ago by BoNzO