Using Style Sheets with FrontPage

  • Thread starter Thread starter Bill
  • Start date Start date
B

Bill

O.K., when using shared borders, FP wraps the body text, & right and left borders, with
a table headed with:

<table dir="ltr" border="0" cellpadding="0" cellspacing="0" width="100%">

First, is there a FrontPage plug-in, or modification, that will let me add a class or ID
tag to this?

or... is there a way to define a TABLE css style so that it ONLY applies to a TABLE tag
that has the 'dir' attribute embedded in it?

Thanks!
 
Bill said:
O.K., when using shared borders, FP wraps the body text, & right and
left borders, with a table headed with:

<table dir="ltr" border="0" cellpadding="0" cellspacing="0"
width="100%">

First, is there a FrontPage plug-in, or modification, that will let
me add a class or ID tag to this?

or... is there a way to define a TABLE css style so that it ONLY
applies to a TABLE tag that has the 'dir' attribute embedded in it?

Thanks!
Click to expand...

Yes, you can define a style only for a table.
e.g.
table {width: 100%;
border:0;
cellpadding: 0;
cellspacing: 0}

But if you want it for a specific table you could use
table#ltrstyle
{width: 100%;
border:0;
cellpadding: 0;
cellspacing: 0}
and then write the table tag like this
<table dir="ltr" id="ltrstyle">

Note it is the id which links the style to the table. It can be anything - I
simply chose "ltrstyle" for convenience.
 
Bill,
A P.S.

ltr (left-to-right) is the default so why use it?

Just use the CSS
table#style1
{width: 100%;
border:0;
cellpadding: 0;
cellspacing: 0}

and
<table id="style1">

And, in any case I think ltr (or rtl) applies to a <div> not to a <table>
 
Trevor L. said:
Yes, you can define a style only for a table.
e.g.
table {width: 100%;
border:0;
cellpadding: 0;
cellspacing: 0}

But if you want it for a specific table you could use
table#ltrstyle
{width: 100%;
border:0;
cellpadding: 0;
cellspacing: 0}
and then write the table tag like this
<table dir="ltr" id="ltrstyle">
Click to expand...

I understand this, but that table tag is *autogenerated* by FP. So unless you can
recommend a plug-in, I can't insert that id attribute inside the tag.

THIS is autogenerated by FrontPage:
<table dir="ltr" border="0" cellpadding="0" cellspacing="0" width="100%">

without a plug-in, the entire tag cannot be changed.
 
Bill said:
I understand this, but that table tag is *autogenerated* by FP. So
unless you can recommend a plug-in, I can't insert that id attribute
inside the tag.

THIS is autogenerated by FrontPage:
<table dir="ltr" border="0" cellpadding="0" cellspacing="0"
width="100%">

without a plug-in, the entire tag cannot be changed.
Click to expand...

Sorry about that, Bill.

To change the tag, click on Code or HTML View (depending on your version of
FP) find this tag and overtype it with what you want.

The style for the table can be added anywhere between <head> and </head>
It should read:
<style type="text/css">
table#style1
{width: 100%;
border:0;
cellpadding: 0;
cellspacing: 0}
</style>
You can cut and paste the 7 lines of code I have written here.

Similarly, you can cut this code:
<table id="style1">
and paste it over the <table> tag you quote above.

If you are generating lots of these you may have a bit of pasting to do. If
this is the case, you may find it easier to type into the Code/HTML view
from the start.

Most of the experts on this newsgroup (and I am not one of them) will tell
you that they generally only use FP for the things it *can* do automatically
and do correctly. Although not an expert, I haven't used the design view in
FP for quite some time.
 
The tables created by using shared borders cannot be edited in
FrontPage - they do not exist in code view.
 
Ronx said:
The tables created by using shared borders cannot be edited in
FrontPage - they do not exist in code view.
Click to expand...

Are you saying you can't edit content via code in a shared border?

what about directly in the page?

First make sure you have the hidden folders box ticked.

Tools | Web settings | Advanced Tab | Make sure the 'Show documents in
hidden directories' box is ticked. Press ok. You will be asked to refresh
the web.

Go to the Folders View and you will see a folder called _borders double
click to open and then you can click on the borders htm files that you have
in your web. There will be the border pages that you have enabled on your
web through Format | shared borders so if you only enabled the left border
the left.htm file will only be available to bring up. You can then edit
like a normal page. If you want the others to be available you must enable
them through Format | Shared Border and ticking the appropriate pages, then
press ok. You must then save a page in your site that has them enabled and
refresh the web to bring them up.

However why is the original poster using shared borders.. see just how much
control you have? I bet your using the navigation bot further restricting
your control... use frontpage includes for COMPLETE control....

see http://anyfrontpage.com/ezine/va/frontpage-includes.htm
for how to use them.

hth Tina
Current FrontPage Tip: (15th Dec, 05)
SPLIT VIEW INSERTIONS
http://frontpage-tips.com/ - FrontPage Tips
Frontpage Tips Ebook, Vol I. AVAILABLE NOW!
Join http://groups.yahoo.com/group/frontpage-tips/
for F ree weekly FrontPage Tips
 
The content of a shared border can only be edited in code view if the
border folder itself is opened.
However, the layout table that FP inserts around the shared borders
cannot be edited in FrontPage - it is removed from code view.
The OP wants to apply a style to the table tag itself, without
affecting other tables in the page - the only way to get to that table
is to edit outside FP - and all edits will be lost when the page is
re-opened in FP.
I agree, includes are a better option.
 
I did a little testing

had to make a website for the purpose ;)

Embedded styles don't work.

Inline and external do ....

Which version of fp are you using?

Tina
http://accessfp.net/ - FrontPage Tutorials
http://anyfrontpage.com/ - http://frontpage-ebooks.com/
http://addonfp.com/ - FrontPage Addons
http://frontpage-tips.com/ - Weekly FrontPage Tips
http://msmvps.com/frontpage/ - FrontPage News & Articles Blog
http://frontpage-advice.blogspot.com/ - FrontPage Advice Blog
http://clarke-abstract-art.com/ - Original Abstract Pen and Ink Drawings
 
Ronx said:
The content of a shared border can only be edited in code view if the
border folder itself is opened.
However, the layout table that FP inserts around the shared borders
cannot be edited in FrontPage - it is removed from code view.
The OP wants to apply a style to the table tag itself, without
affecting other tables in the page - the only way to get to that table
is to edit outside FP - and all edits will be lost when the page is
re-opened in FP.
I agree, includes are a better option.
Click to expand...

Ah sorry my mistake I thought he just meant an ordinary table...

In using tables .. I presume the embedded styles are not working because
it's above the head tag in the boder page?

Tina


--
http://accessfp.net/ - FrontPage Tutorials
http://anyfrontpage.com/ - http://frontpage-ebooks.com/
http://addonfp.com/ - FrontPage Addons
http://frontpage-tips.com/ - Weekly FrontPage Tips
http://msmvps.com/frontpage/ - FrontPage News & Articles Blog
http://frontpage-advice.blogspot.com/ - FrontPage Advice Blog
http://clarke-abstract-art.com/ - Original Abstract Pen and Ink Drawings
 
Open the border pages directly from _borders folder.

File / Open / (then type): "_borders/[whichever].htm"

Even though _borders is hidden, you can still browse to it from the "web
files" view in Frontpage, since you know the name of the folder and the
filenames eg left, right, top, bottom.....just browse to _borders/left.htm
etc. Turn on hidden folders if necessary.

Make the changes as previously stated.
 
That will still not allow you to apply a style class ID to the table created by FP to include the
Shared Border.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

Andrew Murray said:
Open the border pages directly from _borders folder.

File / Open / (then type): "_borders/[whichever].htm"

Even though _borders is hidden, you can still browse to it from the "web files" view in Frontpage,
since you know the name of the folder and the filenames eg left, right, top, bottom.....just
browse to _borders/left.htm etc. Turn on hidden folders if necessary.

Make the changes as previously stated.

Ronx said:
The tables created by using shared borders cannot be edited in
FrontPage - they do not exist in code view.
Click to expand...
Click to expand...
 
Back
Top