URL path notation help needed...

D

Dan E

I have most of a site, including DWTs and CSS file, in the web root. Some
pages, which need to be attached to a root DWT, are in sub-folders. The
DWTs reference the CSS by @import in the header, like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the styles weren't
used, because the path to the CSS file in the DWT header was wrong. When I
changed the reference to the CSS to @import url(../st11.css), the styles
were OK in the sub-folder page, but pages in the root attached to the DWT
lost access to the styles. Short of using an absolute URL, is there another
way of giving the path in the DWT's header that will work for both cases?
Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
T

Thomas A. Rowe

Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
D

Dan E

Thomas - I'm working with a live Linux site with FP Server Extensions
5.0.2.2634, so my web is "live". I tried 4 combinations of your suggested
syntax, with and without the /, and with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and sub-folder pages.
The CSS reference is in the DWT (which is in the root), but the DWT needs to
be attached to pages in root and in sub-folders. Am I doing something
wrong? I don't actually understand the syntax here - the significance of
the pair of double quotes. I know the old DOS notation for going up the
folder tree (..\..\ etc.), but the server equivalent I've never come across,
really.

TIA,

Dan


Thomas A. Rowe said:
Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to your
domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
T

Thomas A. Rowe

How about just not using the @import and using a standard relative link to the style sheet, that way
FP will maintain the link for you?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Thomas - I'm working with a live Linux site with FP Server Extensions 5.0.2.2634, so my web is
"live". I tried 4 combinations of your suggested syntax, with and without the /, and with and
without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and sub-folder pages. The CSS reference is
in the DWT (which is in the root), but the DWT needs to be attached to pages in root and in
sub-folders. Am I doing something wrong? I don't actually understand the syntax here - the
significance of the pair of double quotes. I know the old DOS notation for going up the folder
tree (..\..\ etc.), but the server equivalent I've never come across, really.

TIA,

Dan
 
T

Thomas A. Rowe

On the web you would use:

/ = root
.../ = one level down from root
.../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Thomas - I'm working with a live Linux site with FP Server Extensions 5.0.2.2634, so my web is
"live". I tried 4 combinations of your suggested syntax, with and without the /, and with and
without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and sub-folder pages. The CSS reference is
in the DWT (which is in the root), but the DWT needs to be attached to pages in root and in
sub-folders. Am I doing something wrong? I don't actually understand the syntax here - the
significance of the pair of double quotes. I know the old DOS notation for going up the folder
tree (..\..\ etc.), but the server equivalent I've never come across, really.

TIA,

Dan
 
D

Dan E

Many thanks, Thomas - you're trumps!

Dan
Thomas A. Rowe said:
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
T

Thomas A. Rowe

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
D

Dan E

I went to bed! Just starting to try fixing it now, while putting out other
fires. Also, I don't fully understand the different ways of referencing the
CSS file in @import - "@import url (st11.css);" and "@import "st11.css"".
I'm using import instead of linking because I want to be able to use other
style definitions with CSS file, and I gather that one can't do that with a
linked file.

In

/ = root
.../ = one level down from root
.../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development. Would root
( / ) be dellis.biz, or dellis.biz/sites/Anteroom? Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for this web?

Just spent the best part of an hour trying to get some form of relative
addressing to work for root- and sub-folder-based pages attached to a
root-based DWT that imports a root based CSS, and I can't get it to work for
both cases. Maybe I just need to give an absolute URL for the CSS and edit
the reference when I publish to the live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan
 
T

Thomas A. Rowe

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
I went to bed! Just starting to try fixing it now, while putting out other fires. Also, I don't
fully understand the different ways of referencing the CSS file in @import - "@import url
(st11.css);" and "@import "st11.css"". I'm using import instead of linking because I want to be
able to use other style definitions with CSS file, and I gather that one can't do that with a
linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using http://dellis.biz/sites/Anteroom as a
sub-site for development. Would root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between the root and subsites. You
would need to copy the DWT and the CSS file into the subsite.
 
D

Dan E

Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full URI works
OK - [ @import "http://dellis.biz/sites/Anteroom.st11.css";], so I guess
that's what I'll do, unless you can see something silly I'm doing....

Google brought up some interesting sites searching on "CSS @import", but
none that I've found so far discuss relative addressing in @import.

Any other suggestions MOST welcome, and again, thanks very much for your
help,

Dan
 
T

Thomas A. Rowe

Dan,

Why do you feel the need to use @Import statement, as it was meant to hide entire style sheets from
version 4 browsers, since they don't understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Sorry, Thomas, I misled you. The CSS and DWT files are in dellis.biz/sites/Anteroom, which I
regarded as the root of this (development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full URI works OK - [ @import
"http://dellis.biz/sites/Anteroom.st11.css";], so I guess that's what I'll do, unless you can see
something silly I'm doing....

Google brought up some interesting sites searching on "CSS @import", but none that I've found so
far discuss relative addressing in @import.

Any other suggestions MOST welcome, and again, thanks very much for your help,

Dan

Thomas A. Rowe said:
See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================



Would be dellis.biz

Anteroom is a sub-site,
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between the root and subsites. You
would need to copy the DWT and the CSS file into the subsite.
 
D

Dan E

Partly because it WOULD prevent old browsers making a hash of the display by
showing code on the screen, partly because (I believe) using link prevents
the use of additional style definitions in the header, and partly because it
gives me an easier (I think) path to improve the site as time allows so that
I CAN put in a linked stylesheet that older browsers will interpret
correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Thomas A. Rowe said:
Dan,

Why do you feel the need to use @Import statement, as it was meant to hide
entire style sheets from version 4 browsers, since they don't understand
the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full URI
works OK - [ @import "http://dellis.biz/sites/Anteroom.st11.css";], so I
guess that's what I'll do, unless you can see something silly I'm
doing....

Google brought up some interesting sites searching on "CSS @import", but
none that I've found so far discuss relative addressing in @import.

Any other suggestions MOST welcome, and again, thanks very much for your
help,

Dan

Thomas A. Rowe said:
See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting out
other fires. Also, I don't fully understand the different ways of
referencing the CSS file in @import - "@import url (st11.css);" and
"@import "st11.css"". I'm using import instead of linking because I want
to be able to use other style definitions with CSS file, and I gather
that one can't do that with a linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development. Would
root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for this
web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between the
root and subsites. You would need to copy the DWT and the CSS file into
the subsite.


Just spent the best part of an hour trying to get some form of relative
addressing to work for root- and sub-folder-based pages attached to a
root-based DWT that imports a root based CSS, and I can't get it to
work for both cases. Maybe I just need to give an absolute URL for the
CSS and edit the reference when I publish to the live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Thomas - I'm working with a live Linux site with FP Server
Extensions 5.0.2.2634, so my web is "live". I tried 4 combinations
of your suggested syntax, with and without the /, and with and
without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and
sub-folder pages. The CSS reference is in the DWT (which is in the
root), but the DWT needs to be attached to pages in root and in
sub-folders. Am I doing something wrong? I don't actually
understand the syntax here - the significance of the pair of double
quotes. I know the old DOS notation for going up the folder tree
(..\..\ etc.), but the server equivalent I've never come across,
really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to
your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I have most of a site, including DWTs and CSS file, in the web
root. Some pages, which need to be attached to a root DWT, are in
sub-folders. The DWTs reference the CSS by @import in the header,
like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the styles
weren't used, because the path to the CSS file in the DWT header
was wrong. When I changed the reference to the CSS to @import
url(../st11.css), the styles were OK in the sub-folder page, but
pages in the root attached to the DWT lost access to the styles.
Short of using an absolute URL, is there another way of giving
the path in the DWT's header that will work for both cases? Or
some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
T

Thomas A. Rowe

Dan,

I do not think your thinking is flawed!

I think at this point, some of the others the work with CSS daily, will be better able to help you.
My thoughts were to have you not use the @import and just create a relative link to the CSS file,
this way FP would manage the path as you apply your DWT at different levels within your site.

Personally, I avoid using CSS whenever possible in my projects. I do work with a couple of
developers that use CSS, so I do have to deal with CSS issues on a regular basis.

However, I believe in building sites that display well in all graphically browsers based on HTML 3.2
recommendations, this way I don't have to be as concerned about what will or will not work/display
in a specific browser or browser version with or without a DOCTYPE being specified, etc.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Partly because it WOULD prevent old browsers making a hash of the display by showing code on the
screen, partly because (I believe) using link prevents the use of additional style definitions in
the header, and partly because it gives me an easier (I think) path to improve the site as time
allows so that I CAN put in a linked stylesheet that older browsers will interpret correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Thomas A. Rowe said:
Dan,

Why do you feel the need to use @Import statement, as it was meant to hide entire style sheets
from version 4 browsers, since they don't understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Sorry, Thomas, I misled you. The CSS and DWT files are in dellis.biz/sites/Anteroom, which I
regarded as the root of this (development) web (actually a sub-site). I tried relative
addressing [@import "../../st11.css";], and can't get anything to work. Full URI works OK - [
@import "http://dellis.biz/sites/Anteroom.st11.css";], so I guess that's what I'll do, unless
you can see something silly I'm doing....

Google brought up some interesting sites searching on "CSS @import", but none that I've found so
far discuss relative addressing in @import.

Any other suggestions MOST welcome, and again, thanks very much for your help,

Dan

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting out other fires. Also, I
don't fully understand the different ways of referencing the CSS file in @import - "@import url
(st11.css);" and "@import "st11.css"". I'm using import instead of linking because I want to be
able to use other style definitions with CSS file, and I gather that one can't do that with a
linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using http://dellis.biz/sites/Anteroom
as a sub-site for development. Would root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between the root and subsites. You
would need to copy the DWT and the CSS file into the subsite.


Just spent the best part of an hour trying to get some form of relative addressing to work for
root- and sub-folder-based pages attached to a root-based DWT that imports a root based CSS,
and I can't get it to work for both cases. Maybe I just need to give an absolute URL for the
CSS and edit the reference when I publish to the live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Thomas - I'm working with a live Linux site with FP Server Extensions 5.0.2.2634, so my
web is "live". I tried 4 combinations of your suggested syntax, with and without the /,
and with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and sub-folder pages. The CSS
reference is in the DWT (which is in the root), but the DWT needs to be attached to pages
in root and in sub-folders. Am I doing something wrong? I don't actually understand the
syntax here - the significance of the pair of double quotes. I know the old DOS notation
for going up the folder tree (..\..\ etc.), but the server equivalent I've never come
across, really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I have most of a site, including DWTs and CSS file, in the web root. Some pages, which
need to be attached to a root DWT, are in sub-folders. The DWTs reference the CSS by
@import in the header, like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the styles weren't used, because
the path to the CSS file in the DWT header was wrong. When I changed the reference to
the CSS to @import url(../st11.css), the styles were OK in the sub-folder page, but
pages in the root attached to the DWT lost access to the styles. Short of using an
absolute URL, is there another way of giving the path in the DWT's header that will work
for both cases? Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
D

Dan E

OK - many thanks, Thomas. Glad to know my thinking isn't full of holes! :)

Thanks again,

Dan


Thomas A. Rowe said:
Dan,

I do not think your thinking is flawed!

I think at this point, some of the others the work with CSS daily, will be
better able to help you. My thoughts were to have you not use the @import
and just create a relative link to the CSS file, this way FP would manage
the path as you apply your DWT at different levels within your site.

Personally, I avoid using CSS whenever possible in my projects. I do work
with a couple of developers that use CSS, so I do have to deal with CSS
issues on a regular basis.

However, I believe in building sites that display well in all graphically
browsers based on HTML 3.2 recommendations, this way I don't have to be as
concerned about what will or will not work/display in a specific browser
or browser version with or without a DOCTYPE being specified, etc.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Partly because it WOULD prevent old browsers making a hash of the display
by showing code on the screen, partly because (I believe) using link
prevents the use of additional style definitions in the header, and
partly because it gives me an easier (I think) path to improve the site
as time allows so that I CAN put in a linked stylesheet that older
browsers will interpret correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Thomas A. Rowe said:
Dan,

Why do you feel the need to use @Import statement, as it was meant to
hide entire style sheets from version 4 browsers, since they don't
understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full URI
works OK - [ @import "http://dellis.biz/sites/Anteroom.st11.css";], so
I guess that's what I'll do, unless you can see something silly I'm
doing....

Google brought up some interesting sites searching on "CSS @import",
but none that I've found so far discuss relative addressing in @import.

Any other suggestions MOST welcome, and again, thanks very much for
your help,

Dan

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting out
other fires. Also, I don't fully understand the different ways of
referencing the CSS file in @import - "@import url (st11.css);" and
"@import "st11.css"". I'm using import instead of linking because I
want to be able to use other style definitions with CSS file, and I
gather that one can't do that with a linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development.
Would root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for
this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between
the root and subsites. You would need to copy the DWT and the CSS file
into the subsite.


Just spent the best part of an hour trying to get some form of
relative addressing to work for root- and sub-folder-based pages
attached to a root-based DWT that imports a root based CSS, and I
can't get it to work for both cases. Maybe I just need to give an
absolute URL for the CSS and edit the reference when I publish to the
live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Thomas - I'm working with a live Linux site with FP Server
Extensions 5.0.2.2634, so my web is "live". I tried 4
combinations of your suggested syntax, with and without the /,
and with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and
sub-folder pages. The CSS reference is in the DWT (which is in
the root), but the DWT needs to be attached to pages in root and
in sub-folders. Am I doing something wrong? I don't actually
understand the syntax here - the significance of the pair of
double quotes. I know the old DOS notation for going up the
folder tree (..\..\ etc.), but the server equivalent I've never
come across, really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to
your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message I have most of a site, including DWTs and CSS file, in the web
root. Some pages, which need to be attached to a root DWT, are
in sub-folders. The DWTs reference the CSS by @import in the
header, like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the
styles weren't used, because the path to the CSS file in the
DWT header was wrong. When I changed the reference to the CSS
to @import url(../st11.css), the styles were OK in the
sub-folder page, but pages in the root attached to the DWT lost
access to the styles. Short of using an absolute URL, is there
another way of giving the path in the DWT's header that will
work for both cases? Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
R

Ronx

If you use

<link rel="stylesheet" type="text/css" href="style.css">

instead of

<style type="text/css">
@import url(style.css)
</style>

FrontPage will manage all links .

In both cases additional styles can be made on a per page basis using either
another
<link rel ....> tag, or a <style........</style> sequence.

See www.rxsenterprises.org/fp/webfaqs.asp for an example of using two
<link rel="stylesheet" statements. These style sheets are also safe with
version 4 browsers (except Opera 4).

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Partly because it WOULD prevent old browsers making a hash of the display
by showing code on the screen, partly because (I believe) using link
prevents the use of additional style definitions in the header, and partly
because it gives me an easier (I think) path to improve the site as time
allows so that I CAN put in a linked stylesheet that older browsers will
interpret correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Thomas A. Rowe said:
Dan,

Why do you feel the need to use @Import statement, as it was meant to
hide entire style sheets from version 4 browsers, since they don't
understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================


Dan E said:
Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full URI
works OK - [ @import "http://dellis.biz/sites/Anteroom.st11.css";], so I
guess that's what I'll do, unless you can see something silly I'm
doing....

Google brought up some interesting sites searching on "CSS @import", but
none that I've found so far discuss relative addressing in @import.

Any other suggestions MOST welcome, and again, thanks very much for your
help,

Dan

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting out
other fires. Also, I don't fully understand the different ways of
referencing the CSS file in @import - "@import url (st11.css);" and
"@import "st11.css"". I'm using import instead of linking because I
want to be able to use other style definitions with CSS file, and I
gather that one can't do that with a linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development. Would
root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for
this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between
the root and subsites. You would need to copy the DWT and the CSS file
into the subsite.


Just spent the best part of an hour trying to get some form of
relative addressing to work for root- and sub-folder-based pages
attached to a root-based DWT that imports a root based CSS, and I
can't get it to work for both cases. Maybe I just need to give an
absolute URL for the CSS and edit the reference when I publish to the
live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Thomas - I'm working with a live Linux site with FP Server
Extensions 5.0.2.2634, so my web is "live". I tried 4
combinations of your suggested syntax, with and without the /, and
with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and
sub-folder pages. The CSS reference is in the DWT (which is in the
root), but the DWT needs to be attached to pages in root and in
sub-folders. Am I doing something wrong? I don't actually
understand the syntax here - the significance of the pair of
double quotes. I know the old DOS notation for going up the
folder tree (..\..\ etc.), but the server equivalent I've never
come across, really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to
your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message I have most of a site, including DWTs and CSS file, in the web
root. Some pages, which need to be attached to a root DWT, are in
sub-folders. The DWTs reference the CSS by @import in the header,
like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the
styles weren't used, because the path to the CSS file in the DWT
header was wrong. When I changed the reference to the CSS to
@import url(../st11.css), the styles were OK in the sub-folder
page, but pages in the root attached to the DWT lost access to
the styles. Short of using an absolute URL, is there another way
of giving the path in the DWT's header that will work for both
cases? Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
D

Dan E

Many thanks, Ron.

Dan
Ronx said:
If you use

<link rel="stylesheet" type="text/css" href="style.css">

instead of

<style type="text/css">
@import url(style.css)
</style>

FrontPage will manage all links .

In both cases additional styles can be made on a per page basis using
either another
<link rel ....> tag, or a <style........</style> sequence.

See www.rxsenterprises.org/fp/webfaqs.asp for an example of using two
<link rel="stylesheet" statements. These style sheets are also safe
with version 4 browsers (except Opera 4).

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Partly because it WOULD prevent old browsers making a hash of the display
by showing code on the screen, partly because (I believe) using link
prevents the use of additional style definitions in the header, and
partly because it gives me an easier (I think) path to improve the site
as time allows so that I CAN put in a linked stylesheet that older
browsers will interpret correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Thomas A. Rowe said:
Dan,

Why do you feel the need to use @Import statement, as it was meant to
hide entire style sheets from version 4 browsers, since they don't
understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full URI
works OK - [ @import "http://dellis.biz/sites/Anteroom.st11.css";], so
I guess that's what I'll do, unless you can see something silly I'm
doing....

Google brought up some interesting sites searching on "CSS @import",
but none that I've found so far discuss relative addressing in @import.

Any other suggestions MOST welcome, and again, thanks very much for
your help,

Dan

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting out
other fires. Also, I don't fully understand the different ways of
referencing the CSS file in @import - "@import url (st11.css);" and
"@import "st11.css"". I'm using import instead of linking because I
want to be able to use other style definitions with CSS file, and I
gather that one can't do that with a linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development.
Would root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for
this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between
the root and subsites. You would need to copy the DWT and the CSS file
into the subsite.


Just spent the best part of an hour trying to get some form of
relative addressing to work for root- and sub-folder-based pages
attached to a root-based DWT that imports a root based CSS, and I
can't get it to work for both cases. Maybe I just need to give an
absolute URL for the CSS and edit the reference when I publish to the
live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Thomas - I'm working with a live Linux site with FP Server
Extensions 5.0.2.2634, so my web is "live". I tried 4
combinations of your suggested syntax, with and without the /,
and with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and
sub-folder pages. The CSS reference is in the DWT (which is in
the root), but the DWT needs to be attached to pages in root and
in sub-folders. Am I doing something wrong? I don't actually
understand the syntax here - the significance of the pair of
double quotes. I know the old DOS notation for going up the
folder tree (..\..\ etc.), but the server equivalent I've never
come across, really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to
your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message I have most of a site, including DWTs and CSS file, in the web
root. Some pages, which need to be attached to a root DWT, are
in sub-folders. The DWTs reference the CSS by @import in the
header, like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the
styles weren't used, because the path to the CSS file in the
DWT header was wrong. When I changed the reference to the CSS
to @import url(../st11.css), the styles were OK in the
sub-folder page, but pages in the root attached to the DWT lost
access to the styles. Short of using an absolute URL, is there
another way of giving the path in the DWT's header that will
work for both cases? Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
D

Dan E

Ron - the reason I wanted to use @import was so that I could (eventually)
put styles unfriendly to older browsers in that stylesheet, with a separate
linked sheet for NS 4 etc. Incidentally, the URL you give below doesn't
work.

I did find some useful stuff by doing a Google search on "CSS @import",
including this - http://www.ericmeyeroncss.com/bonus/trick-hide.html , while
this
http://msdn.microsoft.com/library/d.../author/dhtml/reference/properties/import.asp
gives the basics. This link seems to me very useful indeed -
http://css-discuss.incutio.com/?page=ImportHack.

Thanks again,

Dan
Ronx said:
If you use

<link rel="stylesheet" type="text/css" href="style.css">

instead of

<style type="text/css">
@import url(style.css)
</style>

FrontPage will manage all links .

In both cases additional styles can be made on a per page basis using
either another
<link rel ....> tag, or a <style........</style> sequence.

See www.rxsenterprises.org/fp/webfaqs.asp for an example of using two
<link rel="stylesheet" statements. These style sheets are also safe
with version 4 browsers (except Opera 4).

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Partly because it WOULD prevent old browsers making a hash of the display
by showing code on the screen, partly because (I believe) using link
prevents the use of additional style definitions in the header, and
partly because it gives me an easier (I think) path to improve the site
as time allows so that I CAN put in a linked stylesheet that older
browsers will interpret correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Thomas A. Rowe said:
Dan,

Why do you feel the need to use @Import statement, as it was meant to
hide entire style sheets from version 4 browsers, since they don't
understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full URI
works OK - [ @import "http://dellis.biz/sites/Anteroom.st11.css";], so
I guess that's what I'll do, unless you can see something silly I'm
doing....

Google brought up some interesting sites searching on "CSS @import",
but none that I've found so far discuss relative addressing in @import.

Any other suggestions MOST welcome, and again, thanks very much for
your help,

Dan

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting out
other fires. Also, I don't fully understand the different ways of
referencing the CSS file in @import - "@import url (st11.css);" and
"@import "st11.css"". I'm using import instead of linking because I
want to be able to use other style definitions with CSS file, and I
gather that one can't do that with a linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development.
Would root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for
this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between
the root and subsites. You would need to copy the DWT and the CSS file
into the subsite.


Just spent the best part of an hour trying to get some form of
relative addressing to work for root- and sub-folder-based pages
attached to a root-based DWT that imports a root based CSS, and I
can't get it to work for both cases. Maybe I just need to give an
absolute URL for the CSS and edit the reference when I publish to the
live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Thomas - I'm working with a live Linux site with FP Server
Extensions 5.0.2.2634, so my web is "live". I tried 4
combinations of your suggested syntax, with and without the /,
and with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and
sub-folder pages. The CSS reference is in the DWT (which is in
the root), but the DWT needs to be attached to pages in root and
in sub-folders. Am I doing something wrong? I don't actually
understand the syntax here - the significance of the pair of
double quotes. I know the old DOS notation for going up the
folder tree (..\..\ etc.), but the server equivalent I've never
come across, really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to
your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message I have most of a site, including DWTs and CSS file, in the web
root. Some pages, which need to be attached to a root DWT, are
in sub-folders. The DWTs reference the CSS by @import in the
header, like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the
styles weren't used, because the path to the CSS file in the
DWT header was wrong. When I changed the reference to the CSS
to @import url(../st11.css), the styles were OK in the
sub-folder page, but pages in the root attached to the DWT lost
access to the styles. Short of using an absolute URL, is there
another way of giving the path in the DWT's header that will
work for both cases? Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
R

Ronx

Oops - Sorry

www.rxs-enterprises.org/fp/webfaqs.asp

You can hide styles from NN4 using, for example,

/*/*/ display : block; /* */

NN4 will not see the above, but all other browsers will.

The only problem with @import is that FrontPage will not manage the links.
I have used relative links with @import [ example @import
url(../_themes/style.css) ] without problems, except when using multiple
folders and DWT. The link has to be checked and corrected on every page.
example www.rxs-enterprises.org/fp/b/buttons/root_dwt.htm - see the text
on the page.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Ron - the reason I wanted to use @import was so that I could (eventually)
put styles unfriendly to older browsers in that stylesheet, with a
separate linked sheet for NS 4 etc. Incidentally, the URL you give below
doesn't work.

I did find some useful stuff by doing a Google search on "CSS @import",
including this - http://www.ericmeyeroncss.com/bonus/trick-hide.html ,
while this
http://msdn.microsoft.com/library/d.../author/dhtml/reference/properties/import.asp
gives the basics. This link seems to me very useful indeed -
http://css-discuss.incutio.com/?page=ImportHack.

Thanks again,

Dan
Ronx said:
If you use

<link rel="stylesheet" type="text/css" href="style.css">

instead of

<style type="text/css">
@import url(style.css)
</style>

FrontPage will manage all links .

In both cases additional styles can be made on a per page basis using
either another
<link rel ....> tag, or a <style........</style> sequence.

See www.rxsenterprises.org/fp/webfaqs.asp for an example of using two
<link rel="stylesheet" statements. These style sheets are also safe
with version 4 browsers (except Opera 4).

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Partly because it WOULD prevent old browsers making a hash of the
display by showing code on the screen, partly because (I believe) using
link prevents the use of additional style definitions in the header, and
partly because it gives me an easier (I think) path to improve the site
as time allows so that I CAN put in a linked stylesheet that older
browsers will interpret correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Dan,

Why do you feel the need to use @Import statement, as it was meant to
hide entire style sheets from version 4 browsers, since they don't
understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full URI
works OK - [ @import "http://dellis.biz/sites/Anteroom.st11.css";], so
I guess that's what I'll do, unless you can see something silly I'm
doing....

Google brought up some interesting sites searching on "CSS @import",
but none that I've found so far discuss relative addressing in
@import.

Any other suggestions MOST welcome, and again, thanks very much for
your help,

Dan

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting out
other fires. Also, I don't fully understand the different ways of
referencing the CSS file in @import - "@import url (st11.css);" and
"@import "st11.css"". I'm using import instead of linking because I
want to be able to use other style definitions with CSS file, and I
gather that one can't do that with a linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development.
Would root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for
this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between
the root and subsites. You would need to copy the DWT and the CSS
file into the subsite.


Just spent the best part of an hour trying to get some form of
relative addressing to work for root- and sub-folder-based pages
attached to a root-based DWT that imports a root based CSS, and I
can't get it to work for both cases. Maybe I just need to give an
absolute URL for the CSS and edit the reference when I publish to
the live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message Thomas - I'm working with a live Linux site with FP Server
Extensions 5.0.2.2634, so my web is "live". I tried 4
combinations of your suggested syntax, with and without the /,
and with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and
sub-folder pages. The CSS reference is in the DWT (which is in
the root), but the DWT needs to be attached to pages in root and
in sub-folders. Am I doing something wrong? I don't actually
understand the syntax here - the significance of the pair of
double quotes. I know the old DOS notation for going up the
folder tree (..\..\ etc.), but the server equivalent I've never
come across, really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish to
your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message I have most of a site, including DWTs and CSS file, in the web
root. Some pages, which need to be attached to a root DWT, are
in sub-folders. The DWTs reference the CSS by @import in the
header, like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the
styles weren't used, because the path to the CSS file in the
DWT header was wrong. When I changed the reference to the CSS
to @import url(../st11.css), the styles were OK in the
sub-folder page, but pages in the root attached to the DWT
lost access to the styles. Short of using an absolute URL, is
there another way of giving the path in the DWT's header that
will work for both cases? Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
D

Dan E

Thanks, Ron - certainly food for thought...

The method you show below of hiding styles from NN4 - do you have to wrap
each style definition in the /*/*/.../*/*/? Could you perhaps show or point
me to a full example?

TIA,

Dan

Ronx said:
Oops - Sorry

www.rxs-enterprises.org/fp/webfaqs.asp

You can hide styles from NN4 using, for example,

/*/*/ display : block; /* */

NN4 will not see the above, but all other browsers will.

The only problem with @import is that FrontPage will not manage the links.
I have used relative links with @import [ example @import
url(../_themes/style.css) ] without problems, except when using multiple
folders and DWT. The link has to be checked and corrected on every page.
example www.rxs-enterprises.org/fp/b/buttons/root_dwt.htm - see the text
on the page.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Ron - the reason I wanted to use @import was so that I could (eventually)
put styles unfriendly to older browsers in that stylesheet, with a
separate linked sheet for NS 4 etc. Incidentally, the URL you give below
doesn't work.

I did find some useful stuff by doing a Google search on "CSS @import",
including this - http://www.ericmeyeroncss.com/bonus/trick-hide.html ,
while this
http://msdn.microsoft.com/library/d.../author/dhtml/reference/properties/import.asp
gives the basics. This link seems to me very useful indeed -
http://css-discuss.incutio.com/?page=ImportHack.

Thanks again,

Dan
Ronx said:
If you use

<link rel="stylesheet" type="text/css" href="style.css">

instead of

<style type="text/css">
@import url(style.css)
</style>

FrontPage will manage all links .

In both cases additional styles can be made on a per page basis using
either another
<link rel ....> tag, or a <style........</style> sequence.

See www.rxsenterprises.org/fp/webfaqs.asp for an example of using two
<link rel="stylesheet" statements. These style sheets are also safe
with version 4 browsers (except Opera 4).

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Partly because it WOULD prevent old browsers making a hash of the
display by showing code on the screen, partly because (I believe) using
link prevents the use of additional style definitions in the header,
and partly because it gives me an easier (I think) path to improve the
site as time allows so that I CAN put in a linked stylesheet that older
browsers will interpret correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Dan,

Why do you feel the need to use @Import statement, as it was meant to
hide entire style sheets from version 4 browsers, since they don't
understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative addressing
[@import "../../st11.css";], and can't get anything to work. Full
URI works OK - [ @import
"http://dellis.biz/sites/Anteroom.st11.css";], so I guess that's what
I'll do, unless you can see something silly I'm doing....

Google brought up some interesting sites searching on "CSS @import",
but none that I've found so far discuss relative addressing in
@import.

Any other suggestions MOST welcome, and again, thanks very much for
your help,

Dan

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting
out other fires. Also, I don't fully understand the different ways
of referencing the CSS file in @import - "@import url (st11.css);"
and "@import "st11.css"". I'm using import instead of linking
because I want to be able to use other style definitions with CSS
file, and I gather that one can't do that with a linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development.
Would root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for
this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links between
the root and subsites. You would need to copy the DWT and the CSS
file into the subsite.


Just spent the best part of an hour trying to get some form of
relative addressing to work for root- and sub-folder-based pages
attached to a root-based DWT that imports a root based CSS, and I
can't get it to work for both cases. Maybe I just need to give an
absolute URL for the CSS and edit the reference when I publish to
the live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message Thomas - I'm working with a live Linux site with FP Server
Extensions 5.0.2.2634, so my web is "live". I tried 4
combinations of your suggested syntax, with and without the /,
and with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and
sub-folder pages. The CSS reference is in the DWT (which is in
the root), but the DWT needs to be attached to pages in root
and in sub-folders. Am I doing something wrong? I don't
actually understand the syntax here - the significance of the
pair of double quotes. I know the old DOS notation for going
up the folder tree (..\..\ etc.), but the server equivalent
I've never come across, really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish
to your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage
support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message I have most of a site, including DWTs and CSS file, in the web
root. Some pages, which need to be attached to a root DWT, are
in sub-folders. The DWTs reference the CSS by @import in the
header, like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the
styles weren't used, because the path to the CSS file in the
DWT header was wrong. When I changed the reference to the
CSS to @import url(../st11.css), the styles were OK in the
sub-folder page, but pages in the root attached to the DWT
lost access to the styles. Short of using an absolute URL, is
there another way of giving the path in the DWT's header that
will work for both cases? Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 
R

Ronx

The CSS file used for www.rxs-enterprises.org/fp/webfaqs.asp uses this
technique.

The css file is located at www.rxs-enterprises.org/_themes/rxsclass.css
This will either download or open in the browser, or TopStyle (if you have
this installed.)

Note that using IE to view the page and using File->Save As will not get the
CSS file as it is written - IE rewrites it.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Thanks, Ron - certainly food for thought...

The method you show below of hiding styles from NN4 - do you have to wrap
each style definition in the /*/*/.../*/*/? Could you perhaps show or
point me to a full example?

TIA,

Dan

Ronx said:
Oops - Sorry

www.rxs-enterprises.org/fp/webfaqs.asp

You can hide styles from NN4 using, for example,

/*/*/ display : block; /* */

NN4 will not see the above, but all other browsers will.

The only problem with @import is that FrontPage will not manage the
links. I have used relative links with @import [ example @import
url(../_themes/style.css) ] without problems, except when using multiple
folders and DWT. The link has to be checked and corrected on every page.
example www.rxs-enterprises.org/fp/b/buttons/root_dwt.htm - see the
text on the page.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Dan E said:
Ron - the reason I wanted to use @import was so that I could
(eventually) put styles unfriendly to older browsers in that stylesheet,
with a separate linked sheet for NS 4 etc. Incidentally, the URL you
give below doesn't work.

I did find some useful stuff by doing a Google search on "CSS @import",
including this - http://www.ericmeyeroncss.com/bonus/trick-hide.html ,
while this
http://msdn.microsoft.com/library/d.../author/dhtml/reference/properties/import.asp
gives the basics. This link seems to me very useful indeed -
http://css-discuss.incutio.com/?page=ImportHack.

Thanks again,

Dan
If you use

<link rel="stylesheet" type="text/css" href="style.css">

instead of

<style type="text/css">
@import url(style.css)
</style>

FrontPage will manage all links .

In both cases additional styles can be made on a per page basis using
either another
<link rel ....> tag, or a <style........</style> sequence.

See www.rxsenterprises.org/fp/webfaqs.asp for an example of using two
<link rel="stylesheet" statements. These style sheets are also safe
with version 4 browsers (except Opera 4).

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Partly because it WOULD prevent old browsers making a hash of the
display by showing code on the screen, partly because (I believe)
using link prevents the use of additional style definitions in the
header, and partly because it gives me an easier (I think) path to
improve the site as time allows so that I CAN put in a linked
stylesheet that older browsers will interpret correctly.

If any of my thinking is flawed, I'd appreciate you telling me! :)

Thanks,

Dan
Dan,

Why do you feel the need to use @Import statement, as it was meant to
hide entire style sheets from version 4 browsers, since they don't
understand the @import statement

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Sorry, Thomas, I misled you. The CSS and DWT files are in
dellis.biz/sites/Anteroom, which I regarded as the root of this
(development) web (actually a sub-site). I tried relative
addressing [@import "../../st11.css";], and can't get anything to
work. Full URI works OK - [ @import
"http://dellis.biz/sites/Anteroom.st11.css";], so I guess that's
what I'll do, unless you can see something silly I'm doing....

Google brought up some interesting sites searching on "CSS @import",
but none that I've found so far discuss relative addressing in
@import.

Any other suggestions MOST welcome, and again, thanks very much for
your help,

Dan

See inline

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

I went to bed! Just starting to try fixing it now, while putting
out other fires. Also, I don't fully understand the different ways
of referencing the CSS file in @import - "@import url (st11.css);"
and "@import "st11.css"". I'm using import instead of linking
because I want to be able to use other style definitions with CSS
file, and I gather that one can't do that with a linked file.

In

/ = root
../ = one level down from root
../../ = two levels down from root,
my development web space is http://dellis.biz, and I'm using
http://dellis.biz/sites/Anteroom as a sub-site for development.
Would root ( / ) be dellis.biz, or dellis.biz/sites/Anteroom?
Would be dellis.biz

Anteroom is a sub-site,
but in FP has to be opened as a site, so I guess it's the root for
this web?
Would be ../../ down from root

If Anteroom is subsite, FP will not maintain or manage links
between the root and subsites. You would need to copy the DWT and
the CSS file into the subsite.


Just spent the best part of an hour trying to get some form of
relative addressing to work for root- and sub-folder-based pages
attached to a root-based DWT that imports a root based CSS, and I
can't get it to work for both cases. Maybe I just need to give an
absolute URL for the CSS and edit the reference when I publish to
the live server.

Any help and/or suggestrions extremely welcome!

TIA,

Dan

So what did you do?

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message Many thanks, Thomas - you're trumps!

Dan
On the web you would use:

/ = root
../ = one level down from root
../../ = two levels down from root
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message Thomas - I'm working with a live Linux site with FP Server
Extensions 5.0.2.2634, so my web is "live". I tried 4
combinations of your suggested syntax, with and without the /,
and with and without a ; at the end

<style type="text/css">
<!--
@import "/st11.css";
-->
</style>

and none made the styles available to both root-based and
sub-folder pages. The CSS reference is in the DWT (which is in
the root), but the DWT needs to be attached to pages in root
and in sub-folders. Am I doing something wrong? I don't
actually understand the syntax here - the significance of the
pair of double quotes. I know the old DOS notation for going
up the folder tree (..\..\ etc.), but the server equivalent
I've never come across, really.

TIA,

Dan


Use a relative link to the CSS file:

@import "/stll.css"

The above may not work locally, but should work once publish
to your domain.
--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage
support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message I have most of a site, including DWTs and CSS file, in the
web root. Some pages, which need to be attached to a root
DWT, are in sub-folders. The DWTs reference the CSS by
@import in the header, like this:-

<style type="text/css">
<!--
@import url(st11.css);
-->
</style>

When I attached a root-based DWT to a sub-folder page, the
styles weren't used, because the path to the CSS file in the
DWT header was wrong. When I changed the reference to the
CSS to @import url(../st11.css), the styles were OK in the
sub-folder page, but pages in the root attached to the DWT
lost access to the styles. Short of using an absolute URL,
is there another way of giving the path in the DWT's header
that will work for both cases? Or some other fix?

All help gratefully received and acknowledged,

TIA,

Dan
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top