How do I make text size changeable in browser

I have a number of tables created in Frontpage 2003.

When viewed in IE selecting VIEW/TEXT SIZE has effect on some cells but not others.

I have noticed that the cells that do change size have "2 (10 pt)" shown in the font size box whereas those that are fixed size only show "10 pt". When viewing the code, the sizeable cells have a "<font size="2">" tag whereas the fixed cells have no font tag at all.

I have tried selecting single and multiple cells in design view and selecting the "2 (10 pt)" options from the fontsize window but it doesn't get applied and the code doesn't get the ""<font size="2">"  tag added.

If I manually add the "<font size="2">" tag to the code in any cell it works but it is a massive task to manually adjust each cell in every table .

How can I globaly add this tag and how did I get the two variants in the first place?

Thanks
John
John_DempseyAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

hhammashCommented:
Hi,

When you manually put <font size="2"> are you replacing something or just inserting it?  If you are replacing something that is only available in tables cells use Edit > Find > Replace.

Otherwise,  you will need to do it using CSS.


hh
0
hhammashCommented:
Hi,

To do it using css:

1- Create a new page
2- Save the page as tbl.css
3- Close the page
4- Open the page again and erase all HTML Code in it.
5- Add the following code to it

.table {
font-size:10pt
}

6- Save the page

7- Go to each page that has a table and add the following line before </head> tag:
<link rel="stylesheet" type="text/css" href="tble.css">
8- Go to the table tag and add:
class="table"

after each <table>  it should look like this:

<table class="table" ......other table properties>

9- Edit > Find <font size="2">
10- Replace with ""

In this case you delete every incident of <font size="2">


Then all your tables will have font size =10pt which means font size="2"

Try it on one page first,  then try the page to see if the text size changeable.  If it is a success,  do it in all pages.

For more saftey backup your pages.

Regards
hhammash
0
hhammashCommented:
Hi,

Sorry:

Find
<font size="2">
Replace with:
Leave the replace with field blank

Then after that
Find
</font>
Replace with
Leave the replace with field blank
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

John_DempseyAuthor Commented:
Thanks hhammash

I think I have followed your instructions correctly but now I have the opposite effect, none of the text in the table changes size, whereas I wanted all of the text to change size.

Have I made a mistake or did you misunderstand my intentions?

Also, is there anything I should do in future when creating new tables in Frontpage 2003 to ensure I get changeable size text throughout the table?

Regards
John
0
John_DempseyAuthor Commented:
To answer your first question, I was inserting, there is nothing to replace unfortunately.

John
0
hhammashCommented:
Ok,

Yes,  right it won't change.

I hope that you have backed up your pages.  I think you did.

Ok,  let's see:
Do all you tables have the same properties in the <table Tag>?

For example:  If all your tables have:
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="400">

Then change it with
<table border="1" font-size="2"  cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="400">

Select the first one and paste it in the Find field.
Select the second one and paste it in the Replace field

hh

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
hhammashCommented:
This is the fastest way to do it.
0
hhammashCommented:
In the folder list Click once on the root of your web that starts with http://....
Edit > Find
Enter the following in Find what:
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="400">
Then click the checkbox "Find in HTML"
Click "Find in Web" button
The results will be displayed
Click Replace and inster the following in the Find What:
<table font-size="2" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="400">
Replace All

This way you do not need to open each and every page manually.

0
hhammashCommented:
As long as your tables have the same properties in all pages,  my last post will let you change hunders of pages in a minute.
0
hhammashCommented:
SORRY

In Find Where click on the radio button that says "All Pages"
0
John_DempseyAuthor Commented:
Thanks HH

You have made me a very happy man.

The table headers were not all identical but by inserting the "font size="2"" where id did not exist, or by changing "10pt" to "2" in the header where it did, the problem is solved.

Many thanks

John
0
hhammashCommented:
You are welcome John
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development Software

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.