search

sanyaade-speechtools / delphi-museum-project

Automatically exported from code.google.com/p/delphi-museum-project
0 stars 0 forks source link

Header breaks when fonts are resized #6

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
We need to consider the way we size fonts, and which ones we allow to be
resized with user settings and which we do not. If the user sets fonts in
the browser, much of our nav bar UI is affected, in not nice ways. It also
hoses other things somewhat.

Original issue reported on code.google.com by jonles...@gmail.com on 21 May 2007 at 8:30

GoogleCodeExporter commented 9 years ago 
Right now, all font sizes are set in ems. I just need to convert the navigation 
bar
fonts to use pixel units, then they won't be affected when users adjust browser 
font
size.

Original comment by jonles...@gmail.com on 21 May 2007 at 9:26

GoogleCodeExporter commented 9 years ago

Original comment by LudicrousResearcher@gmail.com on 5 Oct 2007 at 11:21

GoogleCodeExporter commented 9 years ago 
After further research, setting font sizes in px or pt units only prevents 
resizing in IE. It seems to be 
impossible to prevent text resizing on firefox and safari.

One solution that works across browsers is to use images for nav items. Ars 
does this well:
http://arstechnica.com/index.ars

The larger problem on the front page is the text in the blue box.

Original comment by jonles...@gmail.com on 29 Oct 2007 at 3:16

GoogleCodeExporter commented 9 years ago 
Am fine with images for the nav bar items, with appropriate alt-text.

In the blue box, I would make it a scrollable div with scroll set to auto, so 
it 
just scrolls with bigger fonts.

OR make it be a blue background div that expands downward is they make the text 
big. 
The rounded bottom can be an image that "sticks" to the bottom. This will make 
the 
featued items push down, which is not nice, but works.

Original comment by LudicrousResearcher@gmail.com on 29 Oct 2007 at 5:51

GoogleCodeExporter commented 9 years ago 
The blue box on the home page (I'm calling it the tongue) should be a 
resizeable div.
I just need to rebuild build that element and the background image a little more
intelligently.

On a side note, I incorporated the YUI reset.css and font.css which should make 
font
scaling a more consistent across browsers and platforms. I still think the image
solution in the above comment is a good idea. 
http://developer.yahoo.com/yui/reset/
http://developer.yahoo.com/yui/fonts/

Original comment by jonles...@gmail.com on 13 Mar 2008 at 4:40

GoogleCodeExporter commented 9 years ago 
The combination of Jon's changes in May and the newer browsers (IE7 and FF3) 
have
made this less of an issue. I have verified that the behavior is reasonable 
enough
for everything except the welcome text in older browsers. We should still do the
change Jon suggests, but I am dropping the priority a level.

Original comment by LudicrousResearcher@gmail.com on 23 Oct 2008 at 9:28

GoogleCodeExporter commented 9 years ago 
Updated with new PM categories

Original comment by LudicrousResearcher@gmail.com on 6 Dec 2008 at 10:37

GoogleCodeExporter commented 9 years ago

Original comment by LudicrousResearcher@gmail.com on 6 Dec 2008 at 10:42

GoogleCodeExporter commented 9 years ago 
Pushing to 1.2 for the IE6 and blue box changes. 75% of the statistical 
audience will
be fine, and the rest are fine until they make extreme changes to the text 
size.

Original comment by LudicrousResearcher@gmail.com on 19 Feb 2009 at 10:03

GoogleCodeExporter commented 9 years ago

Original comment by michaelb...@gmail.com on 3 Jul 2009 at 7:22

GoogleCodeExporter commented 9 years ago

Original comment by michaelb...@gmail.com on 3 Jul 2009 at 7:41

GoogleCodeExporter commented 9 years ago

Original comment by michaelb...@gmail.com on 4 Jul 2009 at 1:11