Gemma
11-01-2005, 01:09 PM
I'm still learning how CSS/XHTML works, even though I know the basics. The problem is, I am trying to get some CSS to work in Firefox, and even though I think the code is correct, it's not working as intended in Firefox, Opera or IE6.
Basically, I want all topic headings for Mambo .contentheading to have a certain style, and display a graphic (bullet and dashed line). I saw another layout which employed the same method, and I checked their CSS code. It's nearly the same as mine (apart from the graphic file location, and the graphic itself), so I don't understand why it doesn't work in my CSS file. Obviously, I've attached the CSS file to the PHP file (index.php), and the other CSS code works properly.
This is what I have for .contentheading so far, maybe I've missed something or got something wrong that I can't see..contentheading {
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: capitalize;
color: #000000;
background-image: url(templates/shimmyst_purple/images/contentheading_background.png);
background-repeat: no-repeat;
text-align: left;
text-indent: 15px;
vertical-align: middle;
}Any ideas would be good. I also have the same problem with setting the background image for the <body> tag using CSS. It works if I do it using <body style="background: url(templates/shimmyst_purple/images/background.jpg) repeat-x fixed;"> but if I try it with CSS body {
background: url(public_html/templates/shimmyst_purple/images/background.jpg) repeat-x fixed;
}it doesn't work at all. What's up with that? As far as I can see, there's nothing wrong with the CSS code.
Basically, I want all topic headings for Mambo .contentheading to have a certain style, and display a graphic (bullet and dashed line). I saw another layout which employed the same method, and I checked their CSS code. It's nearly the same as mine (apart from the graphic file location, and the graphic itself), so I don't understand why it doesn't work in my CSS file. Obviously, I've attached the CSS file to the PHP file (index.php), and the other CSS code works properly.
This is what I have for .contentheading so far, maybe I've missed something or got something wrong that I can't see..contentheading {
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: capitalize;
color: #000000;
background-image: url(templates/shimmyst_purple/images/contentheading_background.png);
background-repeat: no-repeat;
text-align: left;
text-indent: 15px;
vertical-align: middle;
}Any ideas would be good. I also have the same problem with setting the background image for the <body> tag using CSS. It works if I do it using <body style="background: url(templates/shimmyst_purple/images/background.jpg) repeat-x fixed;"> but if I try it with CSS body {
background: url(public_html/templates/shimmyst_purple/images/background.jpg) repeat-x fixed;
}it doesn't work at all. What's up with that? As far as I can see, there's nothing wrong with the CSS code.