How do I lock text so that it cannot be enlarged (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

smurf168 -> How do I lock text so that it cannot be enlarged (4/18/2005 0:10:03)

Hi,
How do I lock text so that it cannot be enlarged by the Browser's text options?
I know I can make a graphic of the text and use hot spots for Hyperlinks but I wonder it there is a simpler way to do this in FrontPage 03.
If there is a way please explain in 'Design View' I'm not a code person.

Kind Regards,
BB



jaybee -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 3:49:51)

Highlight the text, right click on it and select Font.

Highlight whatever is in the size box and type 10px or whatever size you want. then click apply so you can see the results.

Word of warning. Many people use the resizing option in their browser if they have bad eyesight. They won't be too impressed if they can't do this on your site and will go elsewhere.



smurf168 -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 5:30:09)

Hi Jaybee,
This doesn't lock the font in the Browser unless I've missed something.



jaybee -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 6:07:08)

Ooops Try pt.

Why do you want to fix it anyway? Here's a quote from the validators

quote:

Use of relative size and position units is important for two broad reasons: web content should be able to flow into differently-sized viewing areas, and users may need to change the size of all text on a page. Users use a wide variety of viewing devices, from very large monitors, through standard 15-inch or smaller monitors, to the tiny screens on handheld devices, and the content should flow into the appropriate size well. When absolute position and length units are used, this will not happen. Across this range of monitors, users need to be able to change the size of text, to compensate for the resolution or size of their device, or because of a visual impairment. This is not possible if a font is fixed in size.



BobbyDouglas -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 9:57:19)

If you set an exact size for the font, that won't "lock" it. People can still view the text at larger/smaller sizes.

I have found that there are few people who actually resize the text, so you should be fine leaving using a fixed size.



jaybee -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 10:18:53)

quote:

If you set an exact size for the font, that won't "lock" it.


I think it does if you use css to specify it but HTML sizes get overridden. I'll check it out some time.

I did put css in my original post but somewhere along the line I lost it along with the Outfront Timeout message.



smurf168 -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 12:27:33)

CSS sounds like it could be the way to go, so how do I do that?
Remember I a newbie.

The reason I want to lock the text is that I'm using large text in layers in some areas and there is really no need to resize them it only distorts the whole effect

Am I right in saying that 'Layers' are CSS in frontpage ???

http://www.thebrianandfredtvshow.com/



BobbyDouglas -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 14:22:49)

Smurf, actually Jaybee is correct that it works with an external CSS. (At least in IE, not sure about Mozilla)

Do you have the code that you are using right now to display the font? It would be nice to know the font you are using, font size, color, and how it is being used.

A simple link to the page you want to have fixed font size, and the text that needs to have the fixed font, should be all fine.




jaybee -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 15:31:31)

quote:

Am I right in saying that 'Layers' are CSS in frontpage ???


Ummmmm, no and yes.

CSS can be used for styling, such as your font sizes and colours. It can also be used for layout which is where Divs come in (FP layers)

Now, before you get all excited. Styling with CSS is reasonably straightforward but you do need to stay well away from the FP design tab as it puts in all its own styling which overrides what you've got in the external style sheet. This means you need to get to grips with HTML.

CSS for layout is a whole different ball game and whilst it gets easier the more you do it, it takes a while to get to grips.

You can get a tutorial plus some examples at www.w3schools.com




jaybee -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 16:06:53)

Oooh I just found this on there as well.

http://www.w3schools.com/myfirst/css00.asp



BobbyDouglas -> RE: How do I lock text so that it cannot be enlarged (4/18/2005 16:20:13)

Now that I am back home, I can verify that fixed font sizes in an external css will always stay fixed in IE, but Mozilla allows them to change.

If you still can't figure things out, and need the design view of FP, I can write a tutorial up tonight explaining how to do this in FrontPage.


Jaybee, do you know if IE handles external CSS differently from css inside the style tag in the html?



smurf168 -> RE: How do I lock text so that it cannot be enlarged (4/19/2005 8:14:38)

What can I say .......thanks very much for the help it's a problem I been trying to solve for a long while.



Starhugger -> RE: How do I lock text so that it cannot be enlarged (4/19/2005 10:26:43)

<soapbox>
I gotta tell ya, as someone who gets increasingly far sighted with age, it really makes me nuts with the plethora of websites out there now that use tiny size fonts which IE won't resize. More and more I am having to load up Netscape (since it seems to resize graphically, rather than using relative font sizes like IE) just so I can read the darn things. Even with glasses, I simply can't read that fine print stuff. The result is that if I don't feel like going out of my way to load up Netscape, I just get turned off and leave the site. So if people think "size is not important" [;)] think again, because you're losing viewers because of it. With a LARGE aging population, making font size as adjustable as possible is increasingly going to be the way to go, since aging eyes (whether far or near sighted) are far less able to adjust comfortably to whatever is there.

</soapbox>

Starhugger



jaybee -> RE: How do I lock text so that it cannot be enlarged (4/19/2005 10:40:56)

quote:

do you know if IE handles external CSS differently from css inside the style tag in the html


No, I never use internal styles. Well, the odd span maybe but nothing else. I would have thought css was css no matter where it sits and the browsers would handle it the same but when is anything to do with browsers reliable?

quote:

So if people think "size is not important" think again

Starhugger must be female! [:D]



smurf168 -> RE: How do I lock text so that it cannot be enlarged (4/19/2005 11:36:35)

quote:

If you still can't figure things out, and need the design view of FP

Yes please, as I said I'm not a code person ( the video editing ext takes all the learning curve energy at the present )

Starhugger I agree. This is not about locking small text, I'm trying to lock large text that I use like graphics. When visitors resize for reading the large text is resized also. I can change the large text to graphics but I would like to find another way.

Take a look at the site you'll see what I mean

http://www.thebrianandfredtvshow.com/



smurf168 -> RE: How do I lock text so that it cannot be enlarged (4/19/2005 16:50:19)

quote:

Mr. Bob's Web Design


Bobydouglas the Mr. Bob's Web Design site does not alow text resizing in IE ???



jaybee -> RE: How do I lock text so that it cannot be enlarged (4/19/2005 17:07:59)

quote:

Mr. Bob's Web Design site does not alow text resizing in IE ???


Images for the boxes on the left and external style sheet for styling the text.



puiwaihin -> RE: How do I lock text so that it cannot be enlarged (4/20/2005 4:43:59)

Design View in FP03:

  • Under Format select "Style"
  • Select New
  • Type a Name for the style and click Format
  • Set the format to a certain pt. size
  • Select the line you want to change the style of
  • Where it says "class" change the format to the style you named


However, this can still be overridden. Even in IE a visitor can choose to over-ride styles if they choose that in the options. But this will work for a majority of visitors.



Starhugger -> RE: How do I lock text so that it cannot be enlarged (4/20/2005 12:33:48)

quote:

quote:

So if people think "size is not important" think again

Starhugger must be female! [:D]



ROFL Busted! (um, so to speak)

Sh



BobbyDouglas -> RE: How do I lock text so that it cannot be enlarged (4/20/2005 12:44:26)

quote:

Yes please, as I said I'm not a code person ( the video editing ext takes all the learning curve energy at the present )

- Sorry didn't see this until just now, but noticed Michael was able to write it up for you. If you need more help I can make a quick flash tutorial showing you how to do it.



smurf168 -> RE: How do I lock text so that it cannot be enlarged (4/25/2005 3:37:32)

quote:

Under Format select "Style"

Select New

Type a Name for the style and click Format

Set the format to a certain pt. size

Select the line you want to change the style of
'
Where it says "class" change the format to the style you named


'Select the line you want to change the style of '

Yes I do that

Where it says "class" change the format to the style you named'

Where does it say class ? there is no where I can find a "class tag" when I select the text I want to link to the CSS

I have been trying for hours to work this out.
FrontPage help is very poor in fully describing the procedures, it misses vital steps that the unexperienced can never work out



BobbyDouglas -> RE: How do I lock text so that it cannot be enlarged (4/25/2005 14:44:53)

If you have made it up to
quote:

Select the line you want to change the style of
'
Where it says "class" change the format to the style you named
then you are right on track!

The next step is to highlight the text that should have the style applied to it. Then go into the top left corner of FrontPage, and select the drop down box. It might say "Normal" in the drop down, or FormattedStyle. Either way, you need select the name of the style you created above.



BobbyDouglas -> RE: How do I lock text so that it cannot be enlarged (4/25/2005 14:53:52)

Here is a quick flash tutorial that goes through each step. It took 3 minutes to make, so it might not look that great. If it stops playing, just click the forward button at the bottom: http://www.learnbydemo.com/frontpage/creating-and-applying-a-style-in-frontpage.htm



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125