cascading

 Setting Favicon.ico  PHP Scripts  Cascading Sheets  HTML Tips  Links 

 

 

 

Cascading Sheets Css Page Formatting

cascading sheets css Cascading Sheets Css Page Formatting

Getting rid of the spaces around forms

Reduce the forms margins to zero. Most browsers support something like this:



Remove the scrollbars

HTML, BODY { style="overflow: hidden; }

Center a table using CSS
margin-left: auto; margin-right: auto;
or:
margin: auto;

Doesn’t work om IE 4 through 5.5 To get around that, the body should have the style rule text-align: center, but this will center the text in compliant browsers, as a result you need to do this:

body { text-align: center; }
#centerItem { text-align: left; margin: auto; }

Remove the border around a linked image.
a img { border: none; }

How to style links

For CSS-1 style sheets, this is the best way to style links:

a:link { background: inherit; color: #01f; }
a:visited { background: inherit; color: #cc9; }
a:hover { background: #ff0; color: inherit; }
a:active { background: inherit; color: #fc0; }

CSS-2 allows :active and :hover to be applied to any element, so the following is best:

a:link { background: inherit; color: #01f; }
a:visited { background: inherit; color: #cc9; }
a:link:hover, a:visited:hover { background: #ff0; color: inherit; }
a:link:active, a:visited:active { background: inherit; color: #fc0; }

By attaching :active and :hover to :link and :visited, you can:

* create unique hover effects for visited links, for example,
* ensure non-linked anchors (those with and id and/or name) do not inherit style rules intended for just a hovered link.

Common Misspellings include adn, anbd aplied aroud, arround, arund exemple, exmaple follwoing, folowing ahev, ahve, haev, hvae, hvea jstu liek, liuke anme, naem, nmae ened nto, onot rulle shoudl, shoudln, sould sose sylte, stlye, sytle wupport taht, tath, thast, thgat, thta, thyat hten, tghe, ther, thge, tjhe htis, thsi, tihs ethose, thsoe throught, thru useing iwll, wille, wiull owrk, wokr, wrok
 Setting Favicon.ico  PHP Scripts  Cascading Sheets  HTML Tips  What PHP Can Do  Php Made Easy  Php Made Easy 

 


 

Cascading Sheets

cascading

 Setting Favicon.ico  PHP Scripts  Cascading Sheets  HTML Tips  Links 

 

 

 

Cascading Sheets Css Page Formatting

cascading sheets css Cascading Sheets Css Page Formatting

Getting rid of the spaces around forms

Reduce the forms margins to zero. Most browsers support something like this:


Remove the scrollbars

HTML, BODY { style="overflow: hidden; }

Center a table using CSS
margin-left: auto; margin-right: auto;
or:
margin: auto;

Doesn’t work om IE 4 through 5.5 To get around that, the body should have the style rule text-align: center, but this will center the text in compliant browsers, as a result you need to do this:

body { text-align: center; }
#centerItem { text-align: left; margin: auto; }

Remove the border around a linked image.
a img { border: none; }

How to style links

For CSS-1 style sheets, this is the best way to style links:

a:link { background: inherit; color: #01f; }
a:visited { background: inherit; color: #cc9; }
a:hover { background: #ff0; color: inherit; }
a:active { background: inherit; color: #fc0; }

CSS-2 allows :active and :hover to be applied to any element, so the following is best:

a:link { background: inherit; color: #01f; }
a:visited { background: inherit; color: #cc9; }
a:link:hover, a:visited:hover { background: #ff0; color: inherit; }
a:link:active, a:visited:active { background: inherit; color: #fc0; }

By attaching :active and :hover to :link and :visited, you can:

* create unique hover effects for visited links, for example,
* ensure non-linked anchors (those with and id and/or name) do not inherit style rules intended for just a hovered link.

Common Misspellings include adn, anbd aplied aroud, arround, arund exemple, exmaple follwoing, folowing ahev, ahve, haev, hvae, hvea jstu liek, liuke anme, naem, nmae ened nto, onot rulle shoudl, shoudln, sould sose sylte, stlye, sytle wupport taht, tath, thast, thgat, thta, thyat hten, tghe, ther, thge, tjhe htis, thsi, tihs ethose, thsoe throught, thru useing iwll, wille, wiull owrk, wokr, wrok
 Setting Favicon.ico  PHP Scripts  Cascading Sheets  HTML Tips  What PHP Can Do  Php Made Easy  Php Made Easy