Usefilm Home Sign Up Now! | Log In | Help  

Film and Digital Photography



  Photography Forum: Webhosting & Construction Forum: 
  Q. CSS Validation
           Asked by Karen Ferranti    (K=2953) on 4/6/2006
I am having trouble getting my CSS to validate. They work but I hate when things are not done right. It is the style that changes the scroll bar colors. The validator says the properties do not exist. (Property scrollbar-arrow-color doesn't exist : #ffffff )
Also does not like my generic class styles. I have them set as numbers
ex.
.1 {font-size: 18pt;}

Also, I have a ghost that I put in a marquee that floats across the screen on a halloween page. I know that is just an IE tag but can I put the gif in say a <p class="marquee"> tag and then set the marquee in in the style sheet?

Thanks Ya'll


    


Rina     (K=27299) - Comment Date 4/6/2006
Hi Karen,

Check your syntax is correct, i.e Selector {Property:Value;}

So, for your scrollbar css to validate, it needs to look something like this:

body {
scrollbar-arrow-color: #003366;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #8197AD;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}

Class style names MUST have a minimum of 3 characters and MUST NOT start with a number, in order to validate.

The marquee tag was actually never even a compliant HTML tag. Even though most browsers will support it, you cannot define properties for it using css, UNLESS it's written into a javascript function.

If you want to use DHTML on your pages, I suggest checking out this site: http://www.javascriptkit.com/cutpastejava.shtml

Or you could search: http://www.hotscripts.com/

If you have anymore questions, I'd be more than happy to help :)

Cheers
Rina.




Karen Ferranti   (K=2953) - Comment Date 4/7/2006
Thank You Rina,
After posting I realized I do not even use the generic class anymore so I took them out but it is nice to know what the problem was in case I use them in the future. I still can't get the scroll bar style to validate. I keep looking at it and can't find anything wrong. I even found a site that lets you put in the colors and then you cut and paste the code. I will post the code below.

I also decided to get rid of all formatting tags in Html. I had some trouble finding a way to center and image. It seems there are 2 ways by using a


div {text-align: center}

and

img {text-align: center; margin: 0 auto; display: block;}

Not sure which one is correct they both seem to be a work around since they both use text-align

I did not test the div tag the second seems to work it is just messing up my spacing between the pictures and the captions. I will have to take out a lot of tags if I decide to use it. Just wondering what your opinion is on it.

BODY {
color: #007272;
background-color:#99cccc;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:12pt;
font-family:'Comic Sans MS',helvetica,verdana,arial,sans-serif;
scrollbar-base-color: #009999;
scrollbar-arrow-color: #ffffff;
scrollbar-3dlight-color: #E6E6E6;
scrollbar-darkshadow-color: #B3B3B3;
scrollbar-face-color: #009999;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #c0c0c0;
scrollbar-track-color: #009999;
text-align:center;
}

www.thekendricks.netfirms.com/index.css






Karen Ferranti   (K=2953) - Comment Date 4/7/2006
I posted that link to the css but I forgot I have not uploaded the revised one yet. It is pretty much the same. I just deleted some things and added the img center style.

Karen




Rina     (K=27299) - Comment Date 4/7/2006
Ok, I think I see why the scrollbars aren't working. You're using frames. Try adding this line of code to your frameset page as well:



Now, as for defining styles for the tag, unless you want all your images to behave the same way - don't use it. Likewise divs. You could instead, assign different classes like this:

img.cntrd {text-align:center; margin:0 auto; display:block;}
img.left {float:left; margin:0 auto;} **note: "float:left;" will essentially wrap text**

Then the html would look like this:

Another way would be to write the style directly into the html tag:

My opinion on the stylesheet? It's fine, just a few minor points... :)

a) Don't forget the margin attribute. Browsers will default their own unless you define this;

b) If your font styles/variants/weights are normal, there's probably no real need to include them, and;

c) Remove the quotes from around Comic Sans MS.

That's pretty much it. Hope I've helped. Let me know if you need more clarification.

Cheers
Rina.




Rina     (K=27299) - Comment Date 4/7/2006
Ooops... the missing html examples WITHOUT brackets:

1. link href="index.css" rel="stylesheet" type="text/css"

2. img src="blank.gif" class="left"

3. img src="blank.gif" style="text-align:center; margin:0 auto; display:block;"





Rina     (K=27299) - Comment Date 4/8/2006
I've had a better look at the source code today. Obviously my night vision isn't as it should be ... Anyway, I see you have a javascript function calling the frames, so forget about the "frameset" suggestion I gave you earlier. Another possible reason is that you're validating against ALL browser types. I believe css scrollbar attributes ONLY work in IE, I could be wrong, but most other browsers will totally can it. Which means - just ignore the error! :)




george john   (K=10) - Comment Date 10/1/2008
actually it can taken program has to be listen.

============

george

[url="http://www.fastrealestate.net"]FSBO[/url]




george john   (K=10) - Comment Date 10/1/2008
actually it can taken program has to be listen.

============

george

[url=http://www.fastrealestate.net]FSBO[/url]





Log in to post a response to this question

 

 

Return To Photography Forum Index
|  FAQ  |  Terms of Service  |  Donate  |  Site Map  |  Contact Us  |  Advertise  |

Copyright ©2005 Photo Publishing Group, LLC - All Rights Reserved

Elapsed Time:: 0.25