browser text-size

liunx

Guest
Please visit this link and play with the text size on your browser. I designed it at "smaller" but when you change it the navigation gets all forked up. Is there a way to combat this?<br />
<br />
thanks<br />
<br />
<!-- m --><a class="postlink" href="http://www.dirklancedesign.com/betaindex.shtml">http://www.dirklancedesign.com/betaindex.shtml</a><!-- m --><br />
<br />
<br />
Also, is it proper to comment out css?<br />
<br />
eg.<br />
<br />
<style type="text/css"><br />
<!--<br />
.class{blahblahblah}<br />
--><br />
</style><!--content-->Comment it out so that old browsers don't "see" it, just like for javascript code.<br />
<br />
Check out the error and warnings (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.dirklancedesign.com%2Fbetaindex.shtml&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->) in the CSS. You do not need the <style type="text/css"> and </style> tags in the .css file. You are encouraged to offer a generic font family as well. Check for colour clashes.<br />
<br />
Using CSS relies on having valid and well-formed HTML code (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.dirklancedesign.com%2Fbetaindex.shtml&doctype=HTML+4.01+Transitional&charset=iso-8859-1+%28Western+Europe%29&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->) which this for the most part is. Don't forget to fill in the Title, Description, Keywords, and so on in the META data part of the file.<br />
<br />
<br />
I don't have any problems with the navigation failing at any text size. However this is in 1024 x 768 display. It all worked fine. You have done a good job on the site coding, and the layout/design. I assume the navigation problem is only on lower resolution screeens.<!--content-->thanks giz.<br />
<br />
it suprises me that you had no problems because i also use 1024 x 768 (the only way to go), cause i'm using divs to contain the menu portions and when you increase or decrease the font size the included navigation spreads out and leaves the absolutely positioned divs in their respected positions. Would it be a better idea to just use images as the links instead of actual text? <br />
<br />
Also does anyone have any good rescources on character encoding. I validated and it told me it was "unable to extract character encoding labeling". is there a "standard"?<!--content-->There are many character encoding standards. Assuming US or European usage this will be fine in an HTML 4.01 page:<br />
<br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<br />
<br />
<br />
The default for an XHTML or XML page is:<br />
<br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br />
<br />
though I am not sure if that syntax is completely correct for use in an HTML or XML page.<br />
<br />
<br />
There is a list of character encodings linked from the validator page.<!--content-->This is just kind of a heads-up since I really don't know how to fix it, but I've put up pictures of what your site looks like [here (<!-- m --><a class="postlink" href="http://www2.kettering.edu/~good3001/stuff/stuff.html">http://www2.kettering.edu/~good3001/stuff/stuff.html</a><!-- m -->)] on my computer.<br />
<br />
I am running a resolution of 1280x1024 and the navigation was messed up in Opera, Netscape and IE when using the default text font. In IE and Netscape, if I decreased the font size, the navigation looked fine. Opera does not have that option directly. I would have had to create a style sheet to decrease the font and I didn't feel like doing so.<br />
<br />
Also notice that the clock does not work in Opera or Netscape.<br />
<br />
I don't, at this time, have a solution for your problems since I don't really know anything about JavaScript, plus it is 2:30am. But if I think of anything, I will certainly post it. In the mean time, I hope someone else sees a solution.<!--content-->i use pixels to specify font-size, that way i have tighter control. some users don't like this, as many browsers won't be able to increase/decrease the font-size on their own.<!--content-->thanks trans, doog and giz<br />
<br />
so let me get this clear, if i specify a font-size the text won't change if the user changes the size in their browser? Thats neat if it works that way. Also would it be a better idea to just go ahead and use img's for the nav?<br />
<br />
thanks again<!--content-->tha tis correct, if you use px for your font then the user can't change it, but if you use pt they can .<!--content-->Thanks Scoutt.<br />
<br />
I'm sure i should of learned that a long time ago .<!--content-->
 
Back
Top