PDA

View Full Version : Simple question: Keeping font size consistent b/w nav tabs



jackthechemist
Mar 30th, 2010, 09:44 AM
Greetings,

Given the code:

for file "tab1.html":

<ul id="nav">
<li id="current"><a href="#">Tab1</a></li>
<li id="tab2"><a href="tab2.html">Tab2</a></li>
</ul>

and for file "tab2.html":

<ul id="nav">
<li id="tab1"><a href="tab1.html">Tab1</a></li>
<li id="current"><a href="#">Tab2</a></li>
</ul>

I've set up a navigation system in this way. The problem is, if I increase the browser font size for tab1 (tab1.html) say by holding ctrl + scrolling, then click on tab2 (load tab2.html), the font in tab2 is not affected! This is extremely irritating and I cannot resolve it.

How can I keep the fonts consistent?

Thanks!

enfueggo
Mar 30th, 2010, 10:20 AM
Do you have an online example? At least need to see your CSS.

Excavator
Mar 30th, 2010, 05:11 PM
Hello jackthechemist,
Increasing the font size from with CTRL-Scroll is only changing the font-size on the page your viewing. Clicking on another page loads a new page that has not been resized.
CSS is not going to fix this for you.
The only way to fix this would be for tabs 1 and 2 to be on the same page, so the code is not reloaded.

Maybe an anchor would work for you? See an example here - http://www.htmlcodetutorial.com/linking/_A_NAME.html

enfueggo
Mar 30th, 2010, 08:22 PM
Have you tried it out recently, Excavator?

Just double-checked Win IE/FF/Chrome and they all remember text-resizing across pages of the same site.

Excavator
Mar 30th, 2010, 08:46 PM
Have you tried it out recently, Excavator?

Just double-checked Win IE/FF/Chrome and they all remember text-resizing across pages of the same site.

I had no idea... that's not a feature I use a lot...
OP must be viewing it in IE6 then? Time to upgrade your browser!