Text Size and Javascript

[WMFMS]

This probably should have been posted somewhere else.. Sorry!

The problem I have is that I've designed a web site that uses tables to display the layout gifs, and if your browser text size is set to anything above medium, the images don't line up correctly because it's creating extra space. I've tried CSS to regulate the size, but the images still start to move away from each other when increasing the size. Is there anyway to set the user's text size to medium while they browse? Or is the other alternative to remove the tables and use javascript to display the .gifs at exact coordinates? Thanks for any replies WMFMS

[BipolarBill]

I'm moving this thread to a more helpful location for you.

[qball]

an example would be nice, blah,blah,blah...


if text size/font causing problems with images,
table images, without text. sorta like:


<table>
<tr>
<td><img src=image1.gif></td>
<td><img src=image2.gif></td>
</tr>
<tr>
<td>image1.gif text</td>
<td>image2.gif text</td>
</tr>
</table>



then tweak:
table, tr, td settings, or, not.


Is there anyway to set the user's text size to medium while they browse?


hehe, and set it back when they leave???

Another thing, STOP trying to set MY browser settings, unless you are willing to have ME do the same.

[Gobi]

Hi there!

Hmmm....a little vague explanation there, but let me give it
a try. You have a site, yes, and you have tables with gif's in it.
right? The problem is that the space around the gifs are
causing problems when it is viewed in browsers with special
settings for viewing websites?

Hmmm...first a couple of questions:

1. Do you use the width="" command on the pics when
you are displaying them? like <a href="pic.gif" width="90%"> ?

This way of doing it, shows the pic at 90% of the size, but
the problem is that it conquers space in the table for
100%. Resize the pic in photoshop or something to the
actual size you want it to be viewed in, and then dont use
width="" in the code.

2. How is your table code written?
Using cellspacing="" cellpadding=""?
using align="" valign=""?

a typical table for me is like:

<table border="0" cellspacing="0" cellpadding="2" width="90%">
<tr>
<td valign="TOP" align="LEFT">
<img src="pic.gif">
<img src="pic2.gif">
</td>
<td valign="TOP" align="LEFT">
<font size="2">
blablbablalbalbalbsdlabla
</td>
</tr>
</table>

This is a fairly easy table with one row, two colums.
Can you write a little more specific about the problem, and
it would have been good if you could show us a link where
the site is located? (if it is out on the net yet).

My 2 cents
Gobi.

[DocEvi1]

emm, Gobi's advice is sound but a little off key :(

what you need to do is specifiy the width of the columns in pixel width not percentage, and do the same with the images. Specify the width of the middle column and altough you will disappear of the bottom of the page, you won't go sideways.

Another brute force technique would be to use Macromedia Flash to load text files - I don't think IE text size changes that (example here : www.eltorero.co.uk/menu.html - the actual menu section is all text files :D)


Consider that if you get people needing that larger size to see the page, and you are limiting them :eek: they won't be liking you very much. It is more difficult but much better in the long run to produce a site that will look good no matter what font size the person is using...it would also be worthwhile remembering that the more complicated your site, the slower it will be, putting people like me with a 56k modem off more.

Stefan