css for blogger template

Forum Moderators: not2easy

Message Too Old, No Replies

css for blogger template

css command doesnt work in mozilla

kwasher

6:44 pm on Jul 21, 2004 (gmt 0)

HI. I have a blogger com blog template, and I pulled the CSS out and put it into a seperate file. It works fine in IE, but mozilla seems to have problems with these css url settings-

--
body {
background:#123 url("http://www.blogblog.com/dots_dark/bg_minidots.gif") 50% 0;
--

Im still researching, but hoped someone here could clue me in faster on the fix.

encyclo

6:49 pm on Jul 21, 2004 (gmt 0)

Have you tried removing the quote marks around the URL? They are not neccessary (though not invalid) and they may be triggering something.

kwasher

10:18 pm on Jul 21, 2004 (gmt 0)

Hi. I tried it, but no luck. Thanks for the suggestion, I do appreciate the help.

Reflection

10:52 pm on Jul 21, 2004 (gmt 0)

Definately lose the quotes on the url.

Maybe try a space between the colon and pound sign.

kwasher

11:44 pm on Jul 21, 2004 (gmt 0)

Thanks! Still no luck. I had to actually put a <body> tag right in the page just for mozilla to pick it up.

I sure would like to see things work properly between browsers.

Reflection

11:52 pm on Jul 21, 2004 (gmt 0)

I had to actually put a <body> tag right in the page just for mozilla to pick it up.

Uhh why wouldnt you have a body tag?

kwasher

12:11 am on Jul 22, 2004 (gmt 0)

Sorry, I meant define the colors and background URL the 'normal' way in a body tag.

schenz

2:30 am on Jul 22, 2004 (gmt 0)

I made a test page to see if I could help (http://schenzcustomdesigns.com/css-test/index.html).

I used the following for the styles sheet:
body {
background:#123 url("http://www.blogblog.com/dots_dark/bg_minidots.gif") 50% 0;
}

and this is the index.html:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page to test CSS for kwasher</title>
<style type="text/css">
@import url(styles.css);
</style>
</head>

<body>

</body>
</html>

I then loaded it in IE6 and FireFox 0.9.2. They look identical to me. Is this a problem with the mozilla browser? If so what version?

kwasher

3:17 am on Jul 22, 2004 (gmt 0)

You are a prince! I appreciate the time you have invested.

YOUR page looks fine in both IE and Mozilla.

The difference between your page and mine is

I have learned a great lesson. Thank you.

Do you have a favorite CSS URL where I read up on why and how? Much to learn... so much to learn....

schenz

4:03 am on Jul 22, 2004 (gmt 0)

One of my favorite sites (because it is basic and I'm still in a learning process as well is [w3schools.com...]

One note on the @import url command is that it does not work with older browsers, but I believe that I read that if you use that first and then the <link> method supplying a specific style sheet for older browsers there it is a work around.