Profile
Achievement
1man's Recent SnippetsTagged css
- All /
« Prev 1 Next »
Adds a class of hasJS to the html element, can be used for CSS styling.
1
1585
posted 16 years ago by 1man
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
1670
posted 16 years ago by 1man
Useful little spippet for a button anchor where the text may change.
0
1590
posted 16 years ago by 1man
A very annoying 'bug' can occur when you are applying a top margin to an element inside a container. The inner elements margin seems to "leak" out of the top of the container. This pushes the container down, and looks very messy if you have a backgro...
4
1408
posted 17 years ago by 1man
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
1197
posted 18 years ago by 1man
Very simple navigation. Style the id using CSS. Allows you to highlight the current page with CSS.
1
1727
posted 18 years ago by 1man
Removes the default styling different browsers use, so you minimise cross browser problems.
1
2116
posted 18 years ago by 1man
Example off ALA, pleasing typography layout for the web. Based on the grid system.
4
1648
posted 18 years ago by 1man
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
1379
posted 18 years ago by 1man
Stop the background image flickering on IE by including this code in the header of your page. See link for more information.
2
1803
posted 19 years ago by 1man
Great little debuging snippet found while browsing. The code adds different coloured borders to the assets depending on its level. Leave commented out if not needed.
96
12785
posted 19 years ago by 1man
A bug seems to occur when you add a negative margin to a list item in IE6. The background image applied to the list item gets repeated randomly and generally messes up. Add this little gem to your head to fix the problem. Remember to change the id ta...
11
2738
posted 19 years ago by 1man
Simple styling for the links on a webpage using CSS. Sometimes hard to remember what order the have to be in for the :hover to work correctly. (Now fixed :)
2
1933
posted 19 years ago by 1man
Markup example: See Big Curly Quotes Markup.
Thx to difusion.org.uk. No need for images to make big quotes on a page, CSS does it for you. Tested in many browsers.
94
12147
posted 19 years ago by 1man
Taken from bluerobot. Create a content div, set the width and the margin set to auto will align the div to the centre horizontally.
5
1262
posted 19 years ago by 1man
Taken from Dead Centre. Adjust #content depending on the size div you need.
118
21160
posted 19 years ago by 1man