Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Table Problems

Status
Not open for further replies.
kaycee79

kaycee79

Technical User
Jan 10, 2004
82
GB
When enlarging the text on the screen via the button 'Change Text Size', the menu which is in a table requires
the user to scroll left to right to view it and this is something that i do not want. Is there a way around this?

Thanks in advance

This is the code that i am using

Code: 
<% Session.LCID = 2057 %>

<!-- #include file = &quot;clock.inc&quot; -->
<div id=&quot;content&quot;>
<font face=&quot;Arial&quot;>
<input type=&quot;button&quot; onClick=&quot;document.all.content.style.zoom=(document.all.content.style.zoom==1?2:1);&quot; value=&quot;Change Text Size&quot;>

<body onload=&quot;StartClock()&quot; onunload=&quot;KillClock()&quot; bgcolor=&quot;#99CCFF&quot;>
</font>
<form name=&quot;theClock&quot;>
    <font face=&quot;Arial&quot;>
    <input type=text name=&quot;theTime&quot; size=6><% Response.Write Date %>


<html>
<head>
<title>Welcome to my website</title>
</head>
<body bgcolor=&quot;#99CCFF&quot;>
</font>
<p align=&quot;left&quot;><u>


<p align=&quot;center&quot;><b><font size=&quot;7&quot; face=&quot;Arial&quot;>Welcome</font></b></p>
<p align=&quot;center&quot;>
<align=&quot;center&quot;><font face=&quot;Arial&quot;> <b><i>Please note that you 
will not be able to take any part in any activities unless you <a href=&quot;Registration.asp&quot;>register</a>
or <a href=&quot;login.asp&quot;>login</a></i></b></font>
<BR>

<table align=&quot;center&quot; cellspacing=&quot;5&quot; border=&quot;6&quot;>
<tr>
<td><font face=&quot;Arial&quot;><a href=&quot;login.asp&quot;>Login</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;Registration.asp&quot;>Register</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;Events.asp&quot;>Events</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;DiscussionBoard.asp&quot;>Discussion</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;Feedback.asp&quot;>Feedback</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;Donations.asp&quot;>Donation</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;NewsLetter.asp&quot;>Newsletter</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;SiteMap.asp&quot;>Site Map</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;AboutUs.asp&quot;>About Us</a></font></td>
<td><font face=&quot;Arial&quot;><a href=&quot;Links.asp&quot;>Other Links</a></font></td>
</table>
<p align=&quot;left&quot;>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>

<font face=&quot;Comic Sans MS&quot;><i>Registered Charity - 00006257</i></font><BR>
<% set pageCount = Server.CreateObject(&quot;MSWC.PageCounter&quot;) %> </u>
	<font face=&quot;Comic Sans MS&quot;>This page has been accessed <%= pageCount.pageHit %> times.
</font>
</p>
</div>
</body>
</html>
 
Sort by date Sort by votes
Kaycee,

I believe that you can block the user from changing the text size usingh CSS but I recommend against it. There are a lot of people out there who, like me, have to where glasses to read anything. Take away the ability to change the text size to something we can read and you might as well put up a sign that says &quot;for 20/20 vision only&quot;.

I understand that having to scroll left to right isn't what you wanted in your web site but remember, we who have poor vision already recognize that this is what we have to do to surf the web we accept it. What really torques my frame is when someone puts a screen load of text set to 6 or 7 px and then denies me the ability to read it. Believe me, those are sites that I sound off to, and usually don't visit again!

There's always a better way. The fun is trying to find it!
 
Upvote 0 Downvote
thanks for that, what would be a better way of doing this then?
 
Upvote 0 Downvote
tviman,

I've had people send me an email saying the page is messed up because they disabled CSS to make the text bigger :p

kaycee,

Have you considered a vertical menu? You could use DHTML to hide it if it takes up too much space, or use a FORM menu (not very pretty).

You could also use DHTML to animate the horizontal menu by having scroll left/right buttons at each end - then they scroll the menu instead of the page.

Just some ideas :p

----------
I'm willing to trade custom scripts for... [see profile]
 
Upvote 0 Downvote
thanks for those ideas, i will look into them.
how would i use DHTML to animate the horizontal menu by having scrolling buttons?
 
Upvote 0 Downvote
Stormbind,

The only way I know to disable CSS is to physically remove it. Is there another way - maybe this is IE specific? Anyway, if THEY disable something on your pages, then it's their problem. There's a reason why the Windows GUI has scroll bars and users who alter the original page should expect things to be different. There's not much you can do to fix that sort of problem. As the saying goes &quot;you can please some of the people some of the time but you can't please all the people all the time&quot; - or something like that...

There's always a better way. The fun is trying to find it!
 
Upvote 0 Downvote
you cannot disable CSS (period).

Listen All I ask is that You close out a Post You Started!!!!
 
Upvote 0 Downvote

Not even like this:

Code: 
for (var _loopVar = 0; (_styleElement = document.getElementsByTagName('link')[_loopVar]); _loopVar++)
{
	_styleElement.disabled = true;
}

Dan
 
Upvote 0 Downvote
If we are being silly. I could still have a backup.
Code: 
<style type=&quot;text/css&quot;>
<!--
@import url(styles.css)
-->
</style>
And after that backup I could turn off javascript. Or have javascript output the <link> tag.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
935
spamjim
spamjim
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
171
spamjim
spamjim
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
176
PeDa
PeDa
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
145
vacunita
vacunita
lupidol
  • Locked
  • Question
Table's title row's rounded corners border 1
Replies
2
Views
177
lupidol
lupidol

Part and Inventory Search

Sponsor

Back
Top