Hey all,
I'm building a site using css, so I made an external .css file.
This is the code in it:
a:link {color: #DDDDDD}
a:visited {color: #DDDDDD}
a:hover {color: #DD0011}
a:active {color: #DD0011}
body
{background-color : #220077}
p.white {color: #FFFFFF}
p.white {font-size: 16px}
p.white {font-family: Tahoma, Verdena, Arial, Helvetica, sans-serif;}
p.head {color: #FFFFFF}
p.head {font-size: 35px}
p.head {font-family: Tahoma, Verdena, Arial, Helvetica, sans-serif;}
p.note {color: #DD0000}
p.note {font-size: 8px}
p.note {font-family: Tahoma, Verdena, Arial, Helvetica, sans-serif;}
p.headred {color: #DD0000}
p.headred {font-size: 35px}
p.headred {font-family: Tahoma, Verdena, Arial, Helvetica, sans-serif;}
This works great with FireFox.
Then, I tried to put an animated .gif file in my site. FireFox>Fang
03-27-2005, 06:13 AM
Use (forward) slash in the paths, images and scriptDoesn't make any difference... Still the same problems.
Regards,
Ren?/div>
Fang
03-27-2005, 07:25 AM
heigt should be height
Validate your html: <!-- m --><a class="postlink" href="http://validator.w3.org/Right..">http://validator.w3.org/Right..</a><!-- m -->. Ok, most errors are out now (it got a small amount of typo's
)
But still... No CSS in IE, and no .gif in FF...
In IE, the browser reconizes an error in line 2, colum 1: invalid symbol
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"scripts/stylesheet.css">
<script language="Javascript" type="text/Javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"scripts/homepage.js">
</script>
</head>
<body>
<center>
<table border="0">
<tr><td><img src=http://www.webdeveloper.com/forum/archive/index.php/"../afbeeldingen/underconstruction.gif" height="100" width="100" alt="Under Construction"></td>
<td><p class="headred">Deze site is nog in aanbouw. Sommige delen werken nog niet.</p></td>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"../afbeeldingen/underconstruction.gif" height="100" width="100" alt="Under Construction"></td></tr>
</table>
</center>
</body>
</html>
I don't know what IE means...
<html>
<head>
<title></title>
....
What the h... is wrong with that <head> thing?!
{EDIT} OK, I still get the error above, but... IE is working now.
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/stylesheet.css">
<script language="Javascript" type="text/Javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/homepage.js">
</script>
</head>
<body>
<center>
<table border="0">
<tr><td><img src=http://www.webdeveloper.com/forum/archive/index.php/"../afbeeldingen/underconstruction.gif" height="100" width="100" alt="Under Construction"></td>
<td><p class="headred">Deze site is nog in aanbouw. Sommige delen werken nog niet.</p></td>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"../afbeeldingen/underconstruction.gif" height="100" width="100" alt="Under Construction"></td></tr>
</table>
</center>
</body>
</html>
I simply forgot to add the ../
But now comes the big shock... FF DOESN'T work anymore!
It looks like FF takes the URL from the place where index.htm (the frameset) is, and IE takes it from the place where the file which asks for the .css and .js files is...
This is kinda weird...
The big question is.. How to solve without placing the .js and .css files in the same dir as the htm files?
The order of my folders:
Root folder -> includes index.htm
subfolders:
- scripts
- html_bestanden
- afbeeldingen
For IE: A .htm(l) file in the html_bestanden dir takes a css file from the scripts dir:
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/stylesheet.css">
For FF, same thing:
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"scripts/stylesheet.css">
Using>Fang
03-27-2005, 09:06 AM
Do you have a link?It's not>Fang
03-27-2005, 12:21 PM
A typo; forgot the 't':
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/homepage.js"></script>
Change the head of your documents to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="nl">
<head>
<title>Basic HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/stylesheet.css">
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/homepage.js"></script>
</head>
and the frameset head to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html lang="nl">
<head>
<title>De meest informatieve PC site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
The errors should disappear.
I'm building a site using css, so I made an external .css file.
This is the code in it:
a:link {color: #DDDDDD}
a:visited {color: #DDDDDD}
a:hover {color: #DD0011}
a:active {color: #DD0011}
body
{background-color : #220077}
p.white {color: #FFFFFF}
p.white {font-size: 16px}
p.white {font-family: Tahoma, Verdena, Arial, Helvetica, sans-serif;}
p.head {color: #FFFFFF}
p.head {font-size: 35px}
p.head {font-family: Tahoma, Verdena, Arial, Helvetica, sans-serif;}
p.note {color: #DD0000}
p.note {font-size: 8px}
p.note {font-family: Tahoma, Verdena, Arial, Helvetica, sans-serif;}
p.headred {color: #DD0000}
p.headred {font-size: 35px}
p.headred {font-family: Tahoma, Verdena, Arial, Helvetica, sans-serif;}
This works great with FireFox.
Then, I tried to put an animated .gif file in my site. FireFox>Fang
03-27-2005, 06:13 AM
Use (forward) slash in the paths, images and scriptDoesn't make any difference... Still the same problems.
Regards,
Ren?/div>
Fang
03-27-2005, 07:25 AM
heigt should be height
Validate your html: <!-- m --><a class="postlink" href="http://validator.w3.org/Right..">http://validator.w3.org/Right..</a><!-- m -->. Ok, most errors are out now (it got a small amount of typo's
)But still... No CSS in IE, and no .gif in FF...
In IE, the browser reconizes an error in line 2, colum 1: invalid symbol
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"scripts/stylesheet.css">
<script language="Javascript" type="text/Javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"scripts/homepage.js">
</script>
</head>
<body>
<center>
<table border="0">
<tr><td><img src=http://www.webdeveloper.com/forum/archive/index.php/"../afbeeldingen/underconstruction.gif" height="100" width="100" alt="Under Construction"></td>
<td><p class="headred">Deze site is nog in aanbouw. Sommige delen werken nog niet.</p></td>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"../afbeeldingen/underconstruction.gif" height="100" width="100" alt="Under Construction"></td></tr>
</table>
</center>
</body>
</html>
I don't know what IE means...
<html>
<head>
<title></title>
....
What the h... is wrong with that <head> thing?!
{EDIT} OK, I still get the error above, but... IE is working now.
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/stylesheet.css">
<script language="Javascript" type="text/Javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/homepage.js">
</script>
</head>
<body>
<center>
<table border="0">
<tr><td><img src=http://www.webdeveloper.com/forum/archive/index.php/"../afbeeldingen/underconstruction.gif" height="100" width="100" alt="Under Construction"></td>
<td><p class="headred">Deze site is nog in aanbouw. Sommige delen werken nog niet.</p></td>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"../afbeeldingen/underconstruction.gif" height="100" width="100" alt="Under Construction"></td></tr>
</table>
</center>
</body>
</html>
I simply forgot to add the ../
But now comes the big shock... FF DOESN'T work anymore!
It looks like FF takes the URL from the place where index.htm (the frameset) is, and IE takes it from the place where the file which asks for the .css and .js files is...
This is kinda weird...
The big question is.. How to solve without placing the .js and .css files in the same dir as the htm files?
The order of my folders:
Root folder -> includes index.htm
subfolders:
- scripts
- html_bestanden
- afbeeldingen
For IE: A .htm(l) file in the html_bestanden dir takes a css file from the scripts dir:
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/stylesheet.css">
For FF, same thing:
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"scripts/stylesheet.css">
Using>Fang
03-27-2005, 09:06 AM
Do you have a link?It's not>Fang
03-27-2005, 12:21 PM
A typo; forgot the 't':
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/homepage.js"></script>
Change the head of your documents to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="nl">
<head>
<title>Basic HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/stylesheet.css">
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"../scripts/homepage.js"></script>
</head>
and the frameset head to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html lang="nl">
<head>
<title>De meest informatieve PC site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
The errors should disappear.