|
| |
|
|
jaycee
Posts: 7
Joined: 11/8/2004
Status: offline
 |
CSS and includes - site doesn't work in Netscape - 11/8/2004 21:16:22
Hi, I've developed my site using CSS and includes at http://www.safarisuit.com/index.shtml and it views just fine in IE and Mozilla but not Netscape.
Update: It seems to work ok now in NS7, but no links work in NS6?
The CSS validates just fine.
Some bits and pieces, let me know if you need more.
Homepage code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="http://www.safarisuit.com/css/screen.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="http://www.safarisuit.com/css/fixed_ie.css" />
<![endif]-->
<title>Safari suit - 'Versatile and wrinkle free'</title>
</head>
<body>
<!--#include virtual="/includes/banner.htm"-->
<!--#include virtual="/includes/hnav.htm"-->
<!--#include virtual="/includes/vnavhome.htm"-->
<!--#include virtual="/includes/contentbeg.htm"-->
<h1>Welcome to Safari suit</h1>
<p class="quote">'Versatile and wrinkle free'</p>
<p>Hi, welcome to the Safari suit website. We aim to
spread the word about safari suits and all things
associated with them. Watch out for us as we suit up the
Adelaide CBD on 19 November!!!</p>
<p>Find out the Safari history, some dress tips about
what to wear on Safari nights, or just read other
punters' anecdotes by clicking on the links on the left
of the page.</p>
<p>This is very much a work in progress so if you have
any comments please email us at
<a href="mailto:safari@safarisuit.com">safari@safarisuit.com</a>. </p>
<p> </p>
<p> </p>
<p> </p>
<!--#include virtual="/includes/footerstuff.htm"-->
</body>
</html>
screen.css includes 2 other css files
@import "base.css";
@import "colors.css";
Hoping it's something simple.
Thanks
Jaycee
< Message edited by jaycee -- 11/9/2004 0:04:33 >
|
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/9/2004 7:22:30
Hi Jaycee,
Welcome to Outfront!
I think your problem might just be spacing
<!--#include virtual="/includes/contentbeg.htm"-->
<!--#include virtual="/includes/contentbeg.htm" -->
With includes you need to put a space as indicated above, or the server just reads this as a comment, adding the space after the htm[space here]--> and end of the double dash and closing tag is what you need to do.
_____________________________
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/
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/9/2004 7:29:10
Dan, I think she has the virtual correct according to the reading I have been doing over the past two weeks on this.
quote:
from
http://www.tdscripts.com/ssi.html
On virtual includes
Why is the virtual argument important? Well, in order to include a file you have to use the right path to it. You might compare this conceptually to using an IMG tag in your HTML programming and selecting the correct path to your image. If you don't get the path to your image correct then you will be greeted by a broken link. Now lets construct the SSI include tag using the virtual argument:
<!--#include virtual="/test/copyright.html" -->
Jaycee, I"m going to post a few tutorials for you on server side includes. They are really cool once you grasp them.
<edit>
Oh! Also, don't forget to name your pages with the shtml file extension
I see that you have done this, but am posting this for people who read this and dont' realize that you need to do this.. This lets the browser know that you have includes and that the page needs to be parsed. Some browsers will still do this, others won't.
Here are some tutorials
http://httpd.apache.org/docs/howto/ssi.html
http://www.carleton.ca/~dmcfet/html/ssi.html
http://bignosebird.com/ssi.shtml
Above is an excellent one. This goes over the commands that you use in with different types of includes.
http://www.mattkruse.com/info/ssi/
http://wdvl.com/Authoring/SSI/
http://www.tdscripts.com/ssi.htm
I hope that these help you out a bit. I know that they were a big help to me. What I did was print them out, then read them. This way you can focus on the areas better that you need to understand.
< Message edited by c1sissy -- 11/9/2004 7:41:15 >
_____________________________
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/
| |
|
|
|
jaycee
Posts: 7
Joined: 11/8/2004
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/9/2004 17:38:32
Thanks everyone for your help. I've included a space after the .htm in the include. The SSI article c1sissy mentioned at http://www.tdscripts.com/ssi.html was very helpful as it gave examples - just what I like in an article.
The links in NS6 still don't work. I don't think it's an includes problem because all the includes are showing up on the page correctly. I think it must be a coding problem, probably in my stylesheets.
Does anyone know of a good article that talks about the order of coding in stylesheets? Perhaps I've got some sort of order wrong or I'm missing some important character somewhere.
Thanks again
Jaycee.
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/9/2004 17:51:31
quote:
Does anyone know of a good article that talks about the order of coding in stylesheets? Perhaps I've got some sort of order wrong or I'm missing some important character somewhere.
Jaycee, have you validated your pages?
http://validator.w3.org/
and for css
http://jigsaw.w3.org/css-validator/
Now, when you ask about the "order of coding" what do you mean?
If it involves the cascade it goes like this, the closest to the code is what wins.
So inline would be the most important, then it would be embedded, where you do the styles in the header of your documnet, then linked would be next after that. There is also an
!important that you can add to your styles, that will be higher then the inline style.
Just remember the one that is closest to your code. The only one that does't follow this would be if you used important. I hope I'm making this clear? if not, I know someone else can, and will.
Also, after you validate your html and css, if NS is still doing the same thing, do a few searches on google with your problem to see if this comes up with anything to help you out.
_____________________________
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/
| |
|
|
|
jaycee
Posts: 7
Joined: 11/8/2004
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/9/2004 18:31:10
Thanks for your prompt reply.
My HTML and CSS both validate perfectly.
What I meant by the order of code was within the CSS itself, say the .vnavs and .hnavs.
Here's the vnav code from base.css (has layout, margins etc in it).
.vnav
{
margin: 1em 0;
line-height: normal;
}
.vnav h3
{
margin-bottom: 0;
padding-bottom: 0;
}
.vnav ul, .vnav ul li
{
margin: 0;
padding: 0;
list-style-type: none;
display: block;
list-style-position: outside;
font-style: normal;
}
.vnav ul li a
{
display: block;
text-decoration: none;
padding: .8em 0 0 0;
}
.vnav li ul li
{
list-style-type: disc;
margin: 0 0 0 1.2em;
padding: 0;
}
.vnav li ul li a
{
list-style-type: disc;
margin: 0;
padding: 0;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
height: 1%;
}
Here's the vnav code from colors.css
.vnav
{
font-family: verdana, helvetica, sans-serif;
color: #609;
}
.vnav ul li a
{
color: #609;
}
.vnav ul li a:hover
{
color: #6c0;
text-decoration: underline;
}
.vnav ul li a:visited
{
color: #f60;
text-decoration: none;
}
.vnav ul li a:hover, visited
{
color: #6c0;
text-decoration: underline;
}
Come to think of it - no links work anywhere in NS6, not just the vnav and hnav.
I'll continue to search.
Jaycee.
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/9/2004 18:52:32
Hi Jaycee,
yes there is an order with your links,
L V H F A
link
visited
hover
focus (focus is mostly used on forms)
active
_____________________________
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/
| |
|
|
|
jaycee
Posts: 7
Joined: 11/8/2004
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/10/2004 17:06:45
Thanks for that. I did so much of a tidy up I stuffed everything up and reloaded a previous version. Prior to my stuff up though the links still didn't work. Maybe it's something to do with the z-index of some layers. Am still investigating but haven't so far found anyone with a similar problem on the web.
Anyone?
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/11/2004 7:54:37
Hi Jaycee, I know figured you were frustrated which is why I brought that up. Take some deep breaths. I know its something simple that we are just missing and maybe thinking that its something else?
Also, let me correct a statement here. Layers are really divs. This has come up previously, and is most of the time related to dw users who get used to calling divs layers.
Let me check around for you to see if anyone has come across this problem ok? I'm not sure what I can find, but I'll give it a go for you.
_____________________________
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/
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/11/2004 8:14:51
Hi Jaycee,
Couple things here for you. I had someone check this and on their machine it works in NS6, and it also worked in NS 7.1.
Now the next thing, previously I suggested that you validate your pages. You really need to do this, its very important. I ran the validator on both your css and html, it doesn't validate. Here is the link to the page and what it says.
http://validator.w3.org/check?verbose=1&uri=http%3A//www.safarisuit.com/photo/2003/
Also, Try changing your dtd to a xhtml transitional to see if this helps you out a bit. For some reason the strict is causing you some problems right now.
Give the above a go and see what happens for you. Also, clear your temp files and folders on your browsers as soemtimes the things in the cache can mess things up for you as well.
Correct xhtml dtd transitional & meta equiv.
<!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" xml:lang="en" lang="en">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
and I believe this below is the correct for the strict xhtml dtd,
<DOCTYPE html PUBLIC "=//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org?TR?xhtml/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org.1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
< Message edited by c1sissy -- 11/11/2004 8:20:21 >
_____________________________
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/
| |
|
|
|
jaycee
Posts: 7
Joined: 11/8/2004
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/11/2004 23:16:42
Thanks again for your reply. I do appreciate your dedication.
I've put the transitional doc type as you suggested on the page that you tested and the home page and they both look ok on IE6, and validate ok.
I've never come across having to close image tags with a /> instead of just a > which the validator initially didn't like till I fixed it.
I can't test on Netscape 6 right now cause I don't have it loaded on my computer at home. I only have NS6.1 at work so that could be the problem. I'll just have to hope that it was just me and that for other NS6 users they have a later version.
Thanks again
Jaycee
| |
|
|
|
d a v e
Posts: 4064
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/12/2004 0:13:33
quote:
I've never come across having to close image tags with a /> instead of just a > which the validator initially didn't like till I fixed it.
that's the syntax for xhtml. http://www.w3schools.com/xhtml/default.asp
_____________________________
David Prescott
Gekko web design
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/12/2004 7:39:48
Hi Jaycee,
As Dave points out, this is part of xhtml, plus you have the xhtml strict dtd on your pages so its going to be tougher then the transitional xhtml dtd, but as far as how things are closed, read the link that dave provided. All empty elements need to be closed.
the <br> would be <br /> So its a good idea to read up on what is required for the xhtml. ITs a much stricter thing then html is.
Keep us updated and let us know how you are making out. If you go to the validator, and dont' understand what its saying, copy and past the results in here and someone will be along to help you out.
_____________________________
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/
| |
|
|
|
jaycee
Posts: 7
Joined: 11/8/2004
Status: offline
|
RE: CSS and includes - site doesn't work in Netscape - 11/13/2004 18:47:45
Ok, then I've got the wrong dtd on my pages for me. This site will hopefully get bigger as time goes on and the skill level of web authors, and the web authoring software won't/doesn't do the strict closing tag things my current doctype prescribes. I think I need a transitional with just a html, not xhtml.
| |
|
 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>
