MaggsWeb:7

www.maggsweb.com

Archive for the ‘ CSS ’ Category

CSS Rounded borders

August 27, 2011 | Comments | CSS

 
-moz-border-radius: 8px; /*Mozilla*/
-webkit-border-radius:8px;/*Google chrome*/
-khtml-border-radius:8px; /* Linux browsers */
border-radius:8px;/*CSS3 and IE8 */

CSS Reset

April 28, 2011 | Comments | CSS

/*
 * CSS Reset based on code from 
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * 
 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

Drop-Cap using CSS

June 28, 2010 | Comments | CSS

Drop-Cap’s without using images… …using CSS3 pseudo elements.

[More]

Ever wondered how to do the Increase/Decrease font sizes without reload…?
[More]

CSS NoWrap

February 5, 2010 | Comments | CSS

I used to use NOWRAP in my ‘s often to ensure that columns didn’t ‘wrap’ their contents – but have struggled to find an equivalent in CSS for a white.
[More]

This is a new one, and pretty cool.  The ‘content’ attribute automatically adds code / text / attributes to the start or end of any tag, depending on the pseudo class.

[More]

Some CSS effects don’t work in IE, damn them, so that leaves 2 options.

Either forget that you have coded some nice roll-over effects that the majority of people wont see…

Or, add an IE-specific javascript fix.
[More]

CSS3 and Rounded borders…

November 26, 2008 | Comments | CSS

…but still not on IE.

[More]

Expressions in CSS / IE fix

September 2, 2008 | Comments | CSS, HTML

This wont pass CSS validation, but its usefull to know that expressions can be added into css.
[More]

I have been looking for a ‘simple’ tag cloud generator that will parse content from MySQL for ages and couldn’t find one. So I adapted – and heavily modified (reduced) – and CSS’d – the best one that I could find. It turned out nice and simple.
[More]