Setting Favicon.ico  PHP Scripts  Cascading Sheets  HTML Tips  Links 

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.

Matt on Neville's Grandmother, Set Games, and More! - Harry Potter's Page (blog)

Harry Potter's Page (blog)

Matt on Neville's Grandmother, Set Games, and More! Harry Potter's Page (blog) he just replied “[Shshshsh] just do it. See him over there?” so I went ahead and pointed and asked “What, in there?” only to be snapped at by him “Don't ...

Matthew Lewis fala sobre vó de Neville, Nagini e muito mais - ScarPotter (Blogue)

ScarPotter (Blogue)

Matthew Lewis fala sobre vó de Neville, Nagini e muito mais ScarPotter (Blogue) ele apenas respondeu "[Shshshsh] apenas faça isso. Vê ele ali?" então fui e apontei e perguntei "O que, ali?" apenas para ser tirado com um "Não aponte! ...

Google News

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 

 Setting Favicon.ico  PHP Scripts  Cascading Sheets  HTML Tips  Links 

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.

Harry Potter's Page (blog)

Matt on Neville's Grandmother, Set Games, and More! Harry Potter's Page (blog) he just replied “[Shshshsh] just do it. See him over there?” so I went ahead and pointed and asked “What, in there?” only to be snapped at by him “Don't ...

ScarPotter (Blogue)

Matthew Lewis fala sobre vó de Neville, Nagini e muito mais ScarPotter (Blogue) ele apenas respondeu "[Shshshsh] apenas faça isso. Vê ele ali?" então fui e apontei e perguntei "O que, ali?" apenas para ser tirado com um "Não aponte! ...

Aporrea.org

Petare: "Teatro Bicentenario del 19 de abril de 1810" Aporrea.org "SHSHSHSH QUE NADIE SE ENTERE!... Les envió contenido del programa y algunas fotos que dan muestra de lo que aquí les acabo de narrar . ...

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