PDA

View Full Version : Why using CSS???


CrUdE
02-07-2003, 04:16 PM
Can anyone tell me why we use css, because in IE it works fine but in Opera 6.02 which i have, it shows nothing of my css.

any ideas

CrUdE
02-07-2003, 04:21 PM
I meant is there a way , with a script or something to use css in opera or do i need to color the text etc in html

Terry
02-07-2003, 04:43 PM
I looked at your site, and besides your hover links(which should work fine in Opera), you only have this for a style:

-------------------------------------------------
BODY{
scrollbar-face-color:#333333;
scrollbar-arrow-color:#CCCCCC;
scrollbar-track-color:#333333;
scrollbar-shadow-color:#CCCCCC;
scrollbar-highlight-color:#CCCCCC;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-Color:#333333;
}
---------------------------------------------------

Scrollbar styling is a Microsoft invention. The W3C CSS recommendation doesn't recognize it. So it only works for IE browsers.

-Terry

meow
02-07-2003, 04:49 PM
Whoopi! I get my chance again! :o

http://www.w3.org/Style/Examples/007/scrollbars.html

CrUdE
02-07-2003, 05:00 PM
lol

no not that site , I'm workin on another one and now with css scripts, but they won't be used in opera

meow
02-07-2003, 05:04 PM
Dude, IE is the browser with the poorest CSS support (of modern browsers that is). You probably do something wrong. Could you show some of it?

CrUdE
02-07-2003, 05:17 PM
http://users.pandora.be/CrUdE/comenius/

open this in IE and afterwards in Opera and look at the menu for example

meow
02-07-2003, 05:24 PM
You have forgotten the hash signs in front of the hex values for colors. ;)

This baby saves you loads of time:
http://jigsaw.w3.org/css-validator/validator.html :thumbsup:

CrUdE
02-07-2003, 06:23 PM
Nice, tnx m8

but one more question, is it possible then that in opera hover links don't work, here's my css for my hover buttons, or is something wrong in here???

A {
font-family : Verdana;
font-size : 12px;
color : #cccccc;
text-decoration : none;
}
A:HOVER {
font-family : Verdana;
font-size : 12px;
color : #003366;
text-decoration : none;
background-color : #999999;
font-weight : bold;
}


when i hover a button the text color and the backgroundcolor remain the same as in A they don't change like in A:HOVER

meow
02-07-2003, 07:28 PM
The problem isn't the CSS this time. It's the HTML. CSS works with inheritance. You have nested UL's in your links. A can only contain inline elements so my guess is that Opera and Moz (doesn't render it either) simply don't want to play because of that.

Get rid of the ULs and you are fine.

CrUdE
02-08-2003, 04:50 PM
I'll try that, thanks for the tip, didn't now about the UL thing :)