Photograph By Jan Symank
Jan S.
Photograph By Riny Koopman
Riny K.
Photograph By a. Scarabeo
a. S.
Photograph By Jill Bartlett
Jill B.
Photograph By Fernando Tasca
Fernando T.
Photograph By David Rodriguez
David R.
Photograph By Robert Levy
Robert L.
Photograph By Federico Wilhelm
Federico W.
 
imageopolis Home Sign Up Now! | Log In | Help  

Your photo sharing community!

Your Photo Art Is Not Just A Fleeting Moment In Social Media
imageopolis is dedicated to the art and craft of photography!

Upload
your photos.  Award recipients are chosen daily.


Editors Choice Award  Staff Choice Award  Featured Photo Award   Featured Critique Award  Featured Donor Award  Best in Project Award  Featured Photographer Award  Photojournalism Award

Imageopolis Photo Gallery Store
Click above to buy imageopolis
art for your home or office
.
 
  Find a Photographer. Enter name here.
    
Share On
Follow Us on facebook 

 



  Photography Forum: Webhosting & Construction Forum: 
  Q. CSS Validation

Asked by Karen Ferranti    (K=2959) 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


    


Caterina  Berimballi
 Caterina  Berimballi   (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=2959) - 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=2959) - 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




Caterina  Berimballi
 Caterina  Berimballi   (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.




Caterina  Berimballi
 Caterina  Berimballi   (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;"





Caterina  Berimballi
 Caterina  Berimballi   (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 ©2013 Absolute Internet, Inc - All Rights Reserved

Elapsed Time:: 0.15625