A Little HTML help anyone?

[CrashNet]

Hey everyone....I need a little help with some code for my website.

I know there is a way to disable the text size option on a webpage. The only way I know how to describe it is that the option can be found in Internet Explorer in VIEW/TEXT SIZE. I think this code goes in the <script> section, though I'm not completely sure. Anyone know how to do it (if of course you understand what I'm asking :lol: )? Thanks in advance for your help!

 

[JuniorTOT]

Do you just want the text on your site to be smaller? or bigger?

 

[CrashNet]

Hey!

I actually want the font sizes I have selected, which do vary slightly, to not change because a visitors font settings in their web browser are set to a larger font size. If you use internet explorer, go up to VIEW/TEXT SIZE and change the font size to the largest size available. This forum and the fonts in it will become much larger. Thats what I want to disable. Any ideas?

 

[Monorail Lime]

Don't do that.

Font sizes should never be forced upon a user. People with reduced visual ability might not be able to read the screen at anything but the largest font size. If font size breaks your page you really need to come up with a different layout.

 

[CrashNet]

Originally posted by Monorail Lime
Don't do that.

Font sizes should never be forced upon a user. People with reduced visual ability might not be able to read the screen at anything but the largest font size. If font size breaks your page you really need to come up with a different layout.

hmmm....good point....its really the same kind of thing that pages like www.msn.com use. If you set the font size on that page, it doesn't change. If I can't do that, its there anyway to force cells in a table to stay the size I specify? Perhaps a RESIZABLE=FALSE type code?

Also feel free to answer the first question I asked!

 

[darthdarrel]

Just wondering,but shouldn`t this be in techniques and tips?

 

[wdwmagic]

Originally posted by cac2889
hmmm....good point....its really the same kind of thing that pages like www.msn.com use. If you set the font size on that page, it doesn't change. If I can't do that, its there anyway to force cells in a table to stay the size I specify? Perhaps a RESIZABLE=FALSE type code?

Also feel free to answer the first question I asked!

A commonly used technique is to make the text using GIFs, that will prevent a font resize occuring.

 

[CrashNet]

Originally posted by wdwmagic
A commonly used technique is to make the text using GIFs, that will prevent a font resize occuring.

Hmmm....verrrry interesting idea Steve. I never thought of that. Thanks!

 

[Monorail Lime]

Originally posted by wdwmagic
A commonly used technique is to make the text using GIFs, that will prevent a font resize occuring.

What a great idea! Users with a visual disadvantage will be unable to view the site and this will keep them from using those pesky text-to-speech programs as well! That'll show them for trying to use the internet!!





Please include alt information in your img tags if you feel you must take this ill-advised course of action.

 

[Bobster]

Originally posted by Monorail Lime
What a great idea! Users with a visual disadvantage will be unable to view the site and this will keep them from using those pesky text-to-speech programs as well! That'll show them for trying to use the internet!!

Geez! The guy asked a question and people are offering suggestions. I think it's great that you are pointing out the disadvantages of some ideas, but I think your point would come across much better if you did it without the sarcasm.

cac2889, here is my opinion on this ...

It will be very difficult to make everybody happy, actually pretty impossible. Remember that there are many things that will affect the way your site looks to each and every visitor ... different browsers, different browser options (like the TEXT settings), operating systems, screen resolutions, and so on. Building the perfect site is a task that companies with enormous resources have trouble doing. I assume your resources are limited in some way (time, money, programming knowledge, etc.), so find some web sites that offer web programming help, ask questions (like here), experiment with different ways of doing things, and simply do your best.

To answer your specific question, one way you can FORCE the text size is to use an html STYLE. For instance, you define a STYLE in your page HEAD section ...


<style>
.font_black { COLOR: black; FONT-FAMILY: Arial, Verdana, Helvetica;FONT-SIZE: 14pt;TEXT-DECORATION: none; font-weight: bold}
</style>

Then, in the BODY tag, add a reference to the text style using CLASS ...

<body class="font_black">

The above should apply to all text NOT within a table, so also add the class option to all your tables within the BODY ...

<table class="font_black" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>This is a test!</td>
</tr>
</table>

The final code above would look something like this ...

<html>
<head>
<style>
.font_black { COLOR: black; FONT-FAMILY: Arial, Verdana, Helvetica;FONT-SIZE: 14pt;TEXT-DECORATION: none; font-weight: bold}
</style>
</head>
<body class="font_black">
This is a test.<br>
<table class="font_black" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>This is a test!</td>
</tr>
</table>
</body>
</html>


Good luck.
Robert.

 

[CrashNet]

Hey thanks for your help Robert....it is hard to make a perfect site.

While I was playing around with code, I came up with something you might be able to use later....

<style TYPE="text/css">
<!C-
    td.updates { font-size: 8pt; line-height:9pt; font-family: arial}
    td.updatesT { font-size: 12pt; line-height:13pt; font-family: arial}
    td.updatesNewsTable { font-size: 8pt; line-height:9pt; font-family: arial}
    td.[b]menu[/b] { font-size: 8pt; line-height:9pt; font-family: arial}
    td.menuT { font-size: 10pt; line-height:11pt; font-family: arial}
    p.9 { font-size: 8pt; line-height:10pt; font-family: verdana,arial}
--></style>

Then in each of the table sections you put this

<tr>
      <td class="[b]menu[/b]" valign="top" align="left" width="134" height="5" colspan="2">&nbsp;&nbsp;&nbsp;
         <a href="http://www.hostultra.com/~papered/copyright.html">Copyright/Terms of Use
         </a>
      </td>
</tr>

This sets the size and all of the attributes and forces them to stay that way.

As for the font size problem Monorail, I actually came up with a solution. My biggest problem was the complete screwup of the layout of the website. I fixed that with the solution above. The text that is most important, with the exception of the menu items, are able to be resized. This allows for larger text without messing up the layout of the page.

Thanks again to everyone who helped.

 

[Bobster]

Good work.

One final note, you can include the CLASS within the HREF tag.

Regards,
Robert.