473,397 Members | 1,985 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,397 software developers and data experts.

Question re UL nav bar and no images

In another thread(HTML 4.01 and Netscape 4.78) there
was a link to this interview:
<http://www.webstandards.org/learn/interviews/dcederholm/>
about the redesign of http://www.fastcompany.com/

In the interview, the issue of the 'navigation tabs'
is addressed("Those are some sexy navigation tabs…").

If I load their main page in Mozilla:
http://www.fastcompany.com/homepage/index.html
and disable image loading, the site navigation links
for the tabs are there, but with no indication of
their existance until you hover the cursor over the link.

The navigation links are an unordered list.
Is there a different way to code this, so that the links
have an indication of their presence when image loading
is disabled?

Is this a 'stylesheet issue', rather than an HTML issue?
Should I be asking this in c.i.w.a.stylesheets?

--
Dave Patton
Canadian Coordinator, the Degree Confluence Project
http://www.confluence.org dpatton at confluence dot org
My website: http://members.shaw.ca/davepatton/
Vancouver/Whistler - host of the 2010 Winter Olympics
Jul 20 '05 #1
1 1489


Dave Patton wrote:
In another thread(HTML 4.01 and Netscape 4.78) there
was a link to this interview:
<http://www.webstandards.org/learn/interviews/dcederholm/>
about the redesign of http://www.fastcompany.com/

In the interview, the issue of the 'navigation tabs'
is addressed("Those are some sexy navigation tabs…").

If I load their main page in Mozilla:
http://www.fastcompany.com/homepage/index.html
and disable image loading, the site navigation links
for the tabs are there, but with no indication of
their existance until you hover the cursor over the link.

The navigation links are an unordered list.
Is there a different way to code this, so that the links
have an indication of their presence when image loading
is disabled?

Is this a 'stylesheet issue', rather than an HTML issue?
Should I be asking this in c.i.w.a.stylesheets?


Yes, they are using CSS background-images to display the tabs, not a
good approach if the navigation disappears without images being loaded.
And I think the text display is suppressed by using
height: 20px
and a top padding of 20px with overflow hidden. That way the link
without background-images is just an inline box with no visible content.

--

Martin Honnen
http://JavaScript.FAQTs.com/

Jul 20 '05 #2

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

Similar topics

5
by: Al Davis | last post by:
Note: I tried cross-posting this message to several newsgoups, including comp.lang.perl.misc, c.l.p.moderated, comp.infosystems.www.authoring.cgi, comp.lang.javascript and comp.lang.php. Nothing...
4
by: Ben | last post by:
This is probably a very simple question (I hope), but my usually great web searching abilities have not turned up the answer I am looking for. I have a php page that includes a file for example...
1
by: Russell Silva | last post by:
I have a program set up something like this: class A { //(...) } class B : public A { //(...) public: void not_in_class_A();
5
by: Brian Angliss | last post by:
I'm relatively new to scripting in JavaScript, so I'm not too surprised I'm having difficulty scripting up an animation effect for my personal site. What I'm trying to do is the following: When...
4
by: seven | last post by:
This might be a newbie question or otherwise easy stuff for some of you, but it's tweaking me ... can't seem to get it to work right. I am working with a script that basically creates two arrays,...
1
by: Aaron | last post by:
I'm trying to do my site without table unless absolutely necessary, and I've run into a problem I'm not sure how to get around. I have a div with float:right that contains some images (the outer...
35
by: Stan Sainte-Rose | last post by:
Hi, What is the better way to save image into a database ? Just save the path into a field or save the image itself ? I have 20 000 images (~ 10/12 Ko per image ) to save. Stan
15
by: Prophet | last post by:
I am using the following for a different picture to show up every day.... <script language="JavaScript"> <!-- function adspic() { var mydate=new Date() var day=mydate.getDay() var...
21
by: DP | last post by:
Hi, I'm not sure if this is the right group to ask. I am developing a small image library and I don't know how to hide the actual path to the image. So I go to the stock photo library websites...
5
by: Computer Guy | last post by:
I know this is not actually a PHP question, but I figured this would be the place to go to get a good answer. I have a website for the neighborhood I live in and people's main concern is security....
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
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?
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
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
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...

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.