|
| |
|
|
Giomanach
Posts: 6075
Joined: 11/19/2003
From: England
Status: offline
 |
Why Are... - 1/23/2005 13:13:36
...the browsers just ignoring my CSS?
HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>iDefence - Internet Abuse Report: Prevent Abuse, Report Abuse</title>
<link rel="stylesheet" href="01.css" type="text/css" />
</head>
<body>
<div id="page">
<div id="head">
<img src="images/main.gif" alt="iDefence" width="200" height="54" align="middle" /> - Internet Abuse Resource: Prevent Abuse, Report Abuse
</div>
<div id="nav">
<a href="#" title="Home">Home</a> | <a href="#" title="Report Abuse">Report Abuse</a> | <a href="#" title="Resources">Resources</a> | <a href="#" title="Contact Us">Contact Us</a>
</div>
<div id="content">
</div>
</div>
</body>
</html>
CSS:
html, body{
margin: 4px;
background: #E5E5E5;
text-align: center;
}
#page{
margin: 0 auto;
text-align: left;
background: #FFF;
border: 1px solid #000;
width: 750px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#head{
color: #BBB;
font-size: 18px;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
}
#nav{
background: #FFF url(images\navback.gif) repeat-x;
text-align: center;
height: 20px;
}
#nav a:link{
background: transparent;
padding-left: 20px;
padding-right: 20px;
padding-top: 4px;
}
Please say it isn't me...
It all Validates as XHTML 1.0 Trans and CSS validates without warnings.....
Dreamweaver displays it fine...so does FrontPage, but the browsers? 
The page displays as it should, but the nav DIV, only the left and right padding on the links works, nothing else, the filenames on the images are right, everything as far as I can see is right....
TIA
Dan
_____________________________
|
|
|
|
Giomanach
Posts: 6075
Joined: 11/19/2003
From: England
Status: offline
|
RE: Why Are... - 1/23/2005 17:25:06
quote:
try putting the \ the other way round.
url(images/navback.gif)
OK then
Why does it work on this stylesheet, and not the one above?
edited for content by c1sissy 01/23/05
< Message edited by c1sissy -- 1/23/2005 21:18:20 >
_____________________________
| |
|
|
|
Giomanach
Posts: 6075
Joined: 11/19/2003
From: England
Status: offline
|
RE: Why Are... - 1/24/2005 4:02:17
That's really odd....
All the stylesheets I've done to date, apart from this one, that refer to images etc, have all had the reference images\name.gif not the other way round and have worked...
That's the reason why I ignored that bit (the validator also doesn't pick it up)
Oh well, I'll make a mental note for future....
Dan
_____________________________
| |
|
|
|
c1sissy
Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: Why Are... - 1/24/2005 10:13:26
quote:
I've noticed that if you type \ into a lot of editors, they very kindly turn it into a / when you save the page.
But, if as I suspect, he is handcoding, this wouldn't be the case. Unless, in some cases he is using an editor, and others he is hand coding, which would be the difference in what he is talking about in regards to some of them working and this one not?
Dan, just trying to figure this out for you. What did you do different with this one, that you didn't do with the others that you are saying worked?
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Giomanach
Posts: 6075
Joined: 11/19/2003
From: England
Status: offline
|
RE: Why Are... - 1/24/2005 10:18:41
Notepad and Dreamweaver are my main two, I do have Top Style Lite, but I don't use it...
_____________________________
| |
|
|
|
Giomanach
Posts: 6075
Joined: 11/19/2003
From: England
Status: offline
|
RE: Why Are... - 1/24/2005 10:39:29
Ok, I've just looked through all the previous stylesheets I;ve done, and two contain the / - and they work (in IE only, before I met FF etc)....
So, it's something that's happening in browser development....case closed...
_____________________________
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
</edit>
