473,700 Members | 2,859 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Tab corner and background not showing in NS 6

I have two problems I cannot work out in the following tab code with
Netscape 6. Problems are marked with all cap comments. One is that
the background image is not shown in NS 6 (two places in CSS). The
second problem is that the top right rounded corner is not showing up
in the Tier 2 tabs. Could you have a look and tell me if it is
possible to correct? This code seems to work fine in IE 5+ and
Firefox. Note that since I can't post an actual example on the web, I
found similar images to put in the place of so you could run the page.

Thanks for looking.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitl ed Document</title>
<style type="text/css">
body {
margin-top: 10px;
margin-left: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
}

/*Tier 1 and 2 tabs*/
#tier1nav{ /*Ensures blue background is continued across*/
background-repeat:repeat;
background-image:url(http://www.townofbellefonte.com/navi.../bluebar.gif);
/*PROBLEM: NETSCAPE 6 DOES NOT SHOW THIS BACKGROUND*/
}
#tier1nav, #tier2nav{
margin: 0;
padding: 0;
width: 600px;
float:right;
}
#tier1nav li, #tier2nav li{
margin: 0;
list-style: none;
float: left;
font-size:11px;
border-right: 1px solid #fff;
line-height: 23px;
font-weight: bold;
white-space: nowrap;
}
#tier1nav a, #tier2nav a {
text-decoration: none;
display: block;
float: left;
padding: 0px 5px 0px 6px;
color: #fff;
}
#tier1nav li.selected { /*Used to show selected Tier 1 tab*/
padding: 0px 5px 0px 6px;
background-color: #a0c0df;
color: #003366;
}
/*Tier 2 specific styles*/
#tier2nav{
margin-left: 13px;
width: 585px;
padding-top:3px;
background:#a0c 0df
url(http://www.somersaultpress.com/images/bluebar.jpg)
repeat;/*PROBLEM: NETSCAPE 6 DOES NOT SHOW THIS BACKGROUND*/
}
#tier2nav li{
/*font-size:10px;*/
line-height: 20px;
border-right: none;
}
#tier2nav a {
text-decoration:unde rline;
background-color: #a0c0df;
color:#003366;
}
#tier2nav li.leftend{ /*applies rounded corner to tier2 left end*/
background:url( allwebimages/images/topnav/leftend_lightbl ue.gif) left
bottom no-repeat;
padding-left:13px;
}
#tier2nav li.selected { /*Used to show selected Tier 2 tab*/
padding: 0 0 0 6px;
background: #fff
url(http://www.adcdental.com/imgs/tab_topleft_purple.gif) left top
no-repeat;
color: #a0c0df;
}
#tier2nav li.selected div { /*Used to show selected Tier 2 tab*/
background: #fff
url(http://www.adcdental.com/imgs/tab_topright_purple.gif) 100% top
no-repeat;/*PROBLEM: NETSCAPE 6 DOES NOT SHOW THE TOP RIGHT ROUNDED TAB
CORNER*/
padding-right:5px;
}
/*hack for IE5-Mac\*/
#tier1nav a, #tier2nav a{
float:none;
}/*end hack*/
#tier1nav a:hover {
background-color: #a0c0df;
/*color: #003366;*/
}
#tier2nav a:hover {
color: #fff;
}
#tier1nav li.lefttab a:hover{
background: #a0c0df
url(allwebimage s/images/topnav/lefttab_lightbl ue.gif) left top
no-repeat;
color: #fff;
}
/*Layout positioning styles*/
..leftcolumn{
width: 150px;
vertical-align: top;
}
..aligntop {
vertical-align: top;
}
..alignbottom {
vertical-align: bottom;
}
</style>
</head>
<body>
<!--TIER 1 TABS-->
<table width="750" cellspacing="0" cellpadding="0" summary="">
<tr>
<td class="leftcolu mn"></td>
<td class="alignbot tom">
<ul id="tier1nav">
<li class="lefttab" ><a href="test1.htm ">Home Page</a></li>
<li class="selected ">Tab 1</li>
<li><a href="#">Tab 2</a></li>
<li><a href="test5.htm ">Tab 3</a></li>
<li><a href="#">Tab 4</a></li>
</ul>
</td>
</tr>
</table>
<!--TIER 2 TABS-->
<table width="750" cellspacing="0" cellpadding="0" summary="">
<tr>
<td class="leftcolu mn"></td>
<td class="aligntop ">
<ul id="tier2nav">
<li class="leftend" ><a href="#">One Link</a></li>
<li class="selected "><div>Two Link</div></li>
<li><a href="test4.htm ">Three Link</a></li>
<li><a href="#">Four Link</a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>

Nov 23 '05 #1
8 1988
johkar wrote:
I have two problems I cannot work out in the following tab code with
Netscape 6. Problems are marked with all cap comments. One is that
the background image is not shown in NS 6 (two places in CSS). The
second problem is that the top right rounded corner is not showing up
in the Tier 2 tabs. Could you have a look and tell me if it is
possible to correct? This code seems to work fine in IE 5+ and
Firefox. Note that since I can't post an actual example on the web, I
found similar images to put in the place of so you could run the page.


I believe that you don't have to worry about NS6 any more.
Those users have gone on to NS 7.2, NS8 or Moz/FF.

--
Gus
Nov 23 '05 #2
Thanks for the reply. So I shouldn't worry about Netscape 6 through
7.1? None of these versions show the right-corner image. I guess you
could say that Netscape 6 is a version nobody uses, but what about 7?
What stat sites do you use?

Gus Richter wrote:
johkar wrote:
I have two problems I cannot work out in the following tab code with
Netscape 6. Problems are marked with all cap comments. One is that
the background image is not shown in NS 6 (two places in CSS). The
second problem is that the top right rounded corner is not showing up
in the Tier 2 tabs. Could you have a look and tell me if it is
possible to correct? This code seems to work fine in IE 5+ and
Firefox. Note that since I can't post an actual example on the web, I
found similar images to put in the place of so you could run the page.


I believe that you don't have to worry about NS6 any more.
Those users have gone on to NS 7.2, NS8 or Moz/FF.

--
Gus


Nov 23 '05 #3
johkar wrote:
Thanks for the reply. So I shouldn't worry about Netscape 6 through
7.1? None of these versions show the right-corner image. I guess you
could say that Netscape 6 is a version nobody uses, but what about 7?
What stat sites do you use?


None. I'm a NS user from waaay back and frequent NS, Moz and Opera
newsgroups. Any hangers-on are, if you can find any, negligible IMVHO.
The same goes for Opera, which users are much more current, again IMVHO.
Go with any stats you may find if you want to.

--
Gus
Nov 23 '05 #4
johkar wrote:

I can't post an actual example on the web,


Yes, you can. If your ISP gives you some free web space, use it. If not,
then there is always geocities if you can't find anything better.

Keep in mind that the people who are most qualified to help you aren't
going to bother making their own page from your code. Make it easy for
us to help you and you'll get a better response.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Nov 23 '05 #5
Thank you for your insight.

Nov 23 '05 #6
I didn't mean it literally. ;-) My current ISP doesn't have free web
space and I didn't want to bother setting one up at Geocities or
similar. The code I posted was a valid working example.

Nov 23 '05 #7
johkar wrote in message news:11******** **************@ g43g2000cwa.goo glegroups.com.. .
I didn't mean it literally. ;-) My current ISP doesn't have free web
space and I didn't want to bother setting one up at Geocities or
similar. The code I posted was a valid working example.


It didn't work for me.
Well, I didn't want to bother setting up a file on my system or similar.

Nov 23 '05 #8
Problem solved. When setting the position of the top-right corner
image for the tab I declared "100% top". Once I changed it to "right
top" all was well with the world in the browsers I was testing for. As
for the UL's background image/color not showing up in NS6, I applied
the background color to the parent TD. That and a few other
adjustments made everything work.

Nov 23 '05 #9

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

Similar topics

1
2750
by: Marek Mänd | last post by:
When one uses CSS such like as -moz-border-radius:5px; border:1px solid black; background:red; round corner is built in Mozilla: |FFFF |wFFF
1
2029
by: Dan V. | last post by:
Does anyone know why the header looks correct in IE 6.0 and not Firefox 1.07? I am trying to have a header that looks good when you expand it wider and smaller. In other words when you shrink the window narrower than the main header image it does not wrap, and when you expand the window wider than the main banner image the corner and background image expand to the size. It has one large image about 500 pix wide, a right corner that is...
10
3737
by: harish | last post by:
Hi everyone, How to make a round corner dorders using div? with images or without images. Pls help me! -- harish ------------------------------------------------------------------------ harish's Profile: http://www.highdots.com/forums/m11 View this thread: http://www.highdots.com/forums/t174579
7
5938
by: Behzad | last post by:
hi all, I'am recently working on an applicatoin.Whenever a user creates a new project in my application the new project's form is displayed.The users are unfamiliar with computer wolrd.I want to focus their attention on what is really working on top of the screen ( say it is a new project form).Now i have decided to darken the background screen and the result would be something like "Shut Down Windows" form in Windows XP/2003.how could...
2
1791
by: ruud.hermans | last post by:
Hi all, I'm having some issue displaying a "corner image" in FireFox. I'd like to have a rounded left-top and right-bottom corner on my website. In IE, my code seems to work just fine, but FF puts image I use for the right-bottom almost at the top of the page. The website address is http://www.hermansict.nl/test/.
7
4963
by: Paul Wake | last post by:
I'm missing something regarding positioning background images. It's probably obvious, and I hope someone here will note it for me. I'm trying to do something like the complex spiral thing, only much simpler. According to the O'Reilly CSS definitive guide book, it should work, but it isn't. On http://www.xmission.com/~wake/backgroundtest.html I have a background image showing through, but not showing up in the header areas. It is my...
2
2616
by: mdejac | last post by:
I was wondering why the background color is not showing up in Mozilla. When I view the page there is a light blue background, when it should be black. Thank you for any help. http://www.myspace.com/mdejac <style type="text/css"> body { font-family: helvetica, arial, sans-serif; font-size: 62.5%; background-color: black; } table, td {
1
2947
crystal2005
by: crystal2005 | last post by:
Hi i encounterd some problem when i implement CSS for rounded Corner table. Need help please... :D <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Heaventure Sole-Proprietor"> <meta name="keywords" content="Heaventure, Company, Heaventure Company, Singapore" />
11
2955
by: Simon van Beek | last post by:
Dear reader, By opening an application I get always the main Access window with the closing cross in the above right corner. Is there a possibility to make this closing cross invisible? All the settings in the Start-up form under Tools are disabled but the closing cross in the above right corner is still visible.
0
9206
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8916
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7802
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6558
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5899
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4400
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4652
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3083
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2022
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.