D
Dan E
Thanks, Ron - very interesting. Are NN4 and prior versions the only ones
that /*/*/ hides styles from? Incidentally, off-topic - can you recommend a
newsreader that does a little more than Outlook Express? I'm guessing
there's something that will auto-notify of responses to posts, for
example... No worries (yes, I lived in Australia for 29 years after 33 in
England, now in Tennessee) if you don't know.
Thanks again,
Dan
that /*/*/ hides styles from? Incidentally, off-topic - can you recommend a
newsreader that does a little more than Outlook Express? I'm guessing
there's something that will auto-notify of responses to posts, for
example... No worries (yes, I lived in Australia for 29 years after 33 in
England, now in Tennessee) if you don't know.
Thanks again,
Dan
Ronx said: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.
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
