Viewing Thread:
"The CSS tips n trick page..."

In light of my wisdom of all things web design related. I though it was time to begin a CSS tip n trick page, especially in the light of HTML 4 deprecating a lot of current tags.

In the list of deprication, tags such as font, alink, vlink, body, margin, table cell background images and colours etc are being phased out in favour of CSS.

Here's my little ditty for starters:

1. a:link
Most of you should be aware of a:link, a:hover and a:visited in CSS, but CSS also allows you to have multiple styles on links for example:

a.menu, a.menu:visited and a.menu:hover can also exist with the usual link declarations in CSS, all you have to do is associate the class with the so fo examle gain: xx will allow you to render this link in line with a.menu instead of a:link. (hope that made sense)

2. The evil
In NS4+ the is treated as a block element and renders anything contained in a span as a

pushing it onto another line. to cure this, in you CSS file place:

.span{display:inline}

This will allow you to use the in your formatting and avoid the NS4 bug of redering as a

3. margin
This has never been a supported element in any of the HTML DTD's, but most of you may have noticed that DW uses this in your to set the page margins. The correct use for this should be in CSS:

.body{margin:0,0,0,0}

I have more, but wanted to get the ball rolling and see if any of you knew of any other little tips n trick of CSS?

Excellent, nice one, your a very helpful person, cheers mate.

Whooo! wrote:
> Certainly is, http://andi.ath.cx/index.php?content=web

ok, ive got your problem. the problem is that you must close your tag before the

tag, as you are not allowed a
tag within a area.

the solution, change this:
---------
For More Info:



• L2 Productions Webdesign


• My Portfolio





---------

to this:
---------
For More Info:




• L2 Productions Webdesign


• My Portfolio



---------

Certainly is, http://andi.ath.cx/index.php?content=web

is the page you are trying to validate online? if so, can u give me the address so i can see exactly what your script looks like and try to get it to validate for ya!

*sobs*

Ok, now all that's working, W3C have decided they don't like my

and

tags inside the main cell of my table, the

s i can live without, but I like my

anyone suggest a way around this?

Nimco wrote:
> i can't work out how to make it do this on page load though -
> javascript isnt a strength for me... if anyone else knows how, plz
> post here :D

YES! I've got it! OK, this is a javascript workaround so that u can leave the scrollbar properties out of the CSS file. this is a quick and dirty method, and it hasnt been checked in different browsers etc. but here it is:



easy, innit!

Nimco wrote:
> e.g. Change!
>
> i can't work out how to make it do this on page load though -
> javascript isnt a strength for me... if anyone else knows how, plz
> post here :D

I'm not 100% sure, but there is a way of taking the Scroll tag out o fthe css file to vlidate it and place it into the page using a Javascript CSS on platform command? More on this as I find it.. Groovy liitle script as you can build CSS files dependant on the end users set up reducing cross platform issues!

Discovered a groovy new CSS/JS script to today allowing you to scale you text dependant on the screen resoultion, in real time to, so it scales as you drag the window... with fixed line lengths too!! I'll postthe code when I've finalised it!

unfortunately it is not possible to validate your stylesheets if you use scrollbar color properties. this is because these attributes are specific to MSIE 5.5+, and they were created by Microsoft - they are MS CSS Extensions.

as they have not been verified by the W3C, you will not be able to validate your stylesheets. your only option if you want to validate your stylesheets is to specify scrollbar colours elsewhere:

object.style.scrollbarBaseColor [ = vColor ]

e.g. Change!

i can't work out how to make it do this on page load though - javascript isnt a strength for me... if anyone else knows how, plz post here :D

Cheers, that's sorted it out, thanks. Only got one more problem with the CSS, if you shed any light on that I'd be grateful..

Line: 6 Context : body
Property scrollbar-base-color doesn't exist : #0066cc

I know scrollbar-base-colour does exist, and it does work, but the CSS verifier just gives me that each time, any way to work round that?

Cool, nice one, that should sort out some problems, cheers mate!