473,395 Members | 1,977 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,395 software developers and data experts.

Text or Images for Navigation?

When designing the navigation for a website, should one use images as
navigation buttons or text? A purely text navigation system would
offer faster download times, but would also allow the user to bump up
the font size, which throws everything off, particularly in a
horizontal layout.

- Fleemo

Jul 21 '05 #1
8 2057
<fl******@comcast.net> wrote:
When designing the navigation for a website, should one use images as
navigation buttons or text? A purely text navigation system would
offer faster download times, but would also allow the user to bump up
the font size, which throws everything off, particularly in a
horizontal layout.


To me, it sounds like the layout needs to be fixed so that increasing the
size of navigation links doesn't throw everything off.
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"You can't strengthen the weak by weakening the strong."
Jul 21 '05 #2
On 29 Apr 2005 fl******@comcast.net wrote:
A purely text navigation system would offer faster download times, but
would also allow the user to bump up the font size,
Excellent, just what the WWW is good at.
which throws everything off,


Then you're doing something wrong.
Jul 21 '05 #3
But Alan, how can you avoid an increased font size playing havoc with
your layout, like Darin said? Especially in something like a horizontal
navbar. You increase the font size, and suddenly the text in the
navbar is wrapping around beneath itself.

- Fleemo

Jul 21 '05 #4
in comp.infosystems.www.authoring.stylesheets, fl******@comcast.net
wrote:
But Alan, how can you avoid an increased font size playing havoc with
your layout, like Darin said? Especially in something like a horizontal
navbar. You increase the font size, and suddenly the text in the
navbar is wrapping around beneath itself.


Of course. Same happens also when using smaller window that you thought.
If you think it well, it will work then also. Advantage is that people
that can't read "normal" text can read it. And people taking advantage of
big screen can fit 2 windows on same screen. +n other good things. Using
images with text is always bad idea

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173
Jul 21 '05 #5
"" wrote in comp.infosystems.www.authoring.stylesheets:
When designing the navigation for a website, should one use images as
navigation buttons or text?
Which one can a blind person use?
A purely text navigation system would
offer faster download times, but would also allow the user to bump up
the font size, which throws everything off, particularly in a
horizontal layout.


This is a troll, right?

If your page is so poorly designed that a change in text size
"throws everythiong off", then you've got much bigger problems.

--

Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
Jul 21 '05 #6
"" wrote in comp.infosystems.www.authoring.stylesheets:
You increase the font size, and suddenly the text in the
navbar is wrapping around beneath itself.


So? Why is that a bad thing? You design the navigation bar with
that possibility in mind.

Or would you rather have it always stay on one line even if the
text is too small to read and use?

Good heavens.

--

Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
Jul 21 '05 #7
>>You increase the font size, and suddenly the text in the
navbar is wrapping around beneath itself.
So? Why is that a bad thing? You design the navigation bar with
that possibility in mind.
I should have been clearer. It's not just the text that wraps, it's
the actual buttons themselves forming a two-tier navigation system that
gets even more difficult when you throw in the drop-down menus that the
client requested.
Which one can a blind person use?
A blind person could use properly coded alt text.
This is a troll, right?
If your page is so poorly designed that a change in text size
"throws everythiong off", then you've got much bigger problems.


What's with the 'tude?

-Fleemo

Jul 21 '05 #8
In article <11**********************@g14g2000cwa.googlegroups .com>,
<fl******@comcast.net> wrote:
You increase the font size, and suddenly the text in the
navbar is wrapping around beneath itself.
So? Why is that a bad thing? You design the navigation bar with
that possibility in mind.


I should have been clearer. It's not just the text that wraps, it's
the actual buttons themselves forming a two-tier navigation system that
gets even more difficult when you throw in the drop-down menus that the
client requested.


Which is more important: that users can adjust the text size so that
they can easily read it, or that the nav bar be all on one line?

If wrapping is such a big problem, use white-space: nowrap. Of course,
then you may get horizontal scrolling.
Which one can a blind person use?


A blind person could use properly coded alt text.
This is a troll, right?
If your page is so poorly designed that a change in text size
"throws everythiong off", then you've got much bigger problems.


What's with the 'tude?


You've not been reading this newsgroup long, have you?

--
= Eric Bustad, Norwegian bachelor programmer
Jul 21 '05 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: lawrence | last post by:
In my style sheet I've set the links like this: a:link{ text-decoration:none; } I did that for the pseudo classes and I also did that for the image tag. Yet there are still link lines...
28
by: A.Translator | last post by:
I am still struggling with an unordered list (http://www.xs4all.nl/~hogen/TaalVlinder/). The top navbar contains 4 divs with each an ul, and no padding or margins. But I get far too much...
8
by: Chris Beall | last post by:
I'm struggling with how to handle, on a web page, images that contain text that the user must be able to read. Examples: tombstone photos, photos or scans of historic documents (handwritten or...
4
by: Seefor | last post by:
Hi, I want my text hyperlinks to have a dotted border underneath, so I did this which works fine: a, a:link, a:visited, a:hover, a:active { color: #000; text-decoration: none;
14
by: Roger Withnell | last post by:
How to I find out what size text the browser is set to? Thanks in anticipation.
2
by: george.leithead | last post by:
Hi all, I have a very strange problem! In following Web page (which is generated from a CMS System), the navigation to the left 'dissapears' when you roll the mouse over the links? It does not...
3
by: Sander van der Wal | last post by:
Is it possible to specify in a html document that you want to resue a piece of text? For instance, I have a navigation bar with links. This navigation bar will be used on all the webpages....
8
tharden3
by: tharden3 | last post by:
Hey Bytes, The website I'm working on is coming along just fine, and I'd like to thank all of you PHP folks who have been helping me out. I'm almost done with the coding! I'm trying to get the...
1
by: phpmagesh | last post by:
Hi, I have a navigation menu, in that i have submenus. for that i used gradient image as background. i sliced that images into three as top.gif, middle1.gif and bottom.gif. since it it grow in...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.