473,545 Members | 2,797 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Another tab menu question

I found this code for the site I'm working on (www.sovietposters.tk).
It does exactly what I want but I can't figure out how to change the
color of the tabs. Anyone any suggestions?
John
<style type="text/css">

body {
font: 100% verdana, arial, sans-serif;
background-color: #0080ff;
margin: 5px;
}

ul#tabnav {
font: bold 10px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3 {
border-bottom: 1px solid #fff;
background-color: #fff;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a {
color: #000;
}

#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #fff;
}

</style>
</head>

<body id="tab2">

<ul id="tabnav">
<li class="tab1"><a href="#" onMouseOver="wi ndow.status='Cl ick here
for posters with portrait orientation'; return true;"
onMouseOut="win dow.status=''; return true;">Posters with portrait
orientation</a></li>
<li class="tab2"><a href="" onMouseOver="wi ndow.status='Po sters with
landscape orientation'; return true;" onMouseOut="win dow.status='';
return true;">Posters with landscape orientation</a></li>
<li class="tab3"><a href="" onMouseOver="wi ndow.status='Cl ick here
for poster of the month'; return true;" onMouseOut="win dow.status='';
return true;">Poster of the month</a></li>
</ul>
Jul 20 '05 #1
16 2110
John wrote:
I found this code for the site I'm working on (www.sovietposters.tk).
It does exactly what I want but I can't figure out how to change the
color of the tabs. Anyone any suggestions?


Change:

background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.
Jul 20 '05 #2
John wrote:
I found this code for the site I'm working on (www.sovietposters.tk).
It does exactly what I want but I can't figure out how to change the
color of the tabs. Anyone any suggestions?


Change:

background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.
Jul 20 '05 #3
"dr. zoidberg" <zo*@example.or g> wrote in message news:<c5******* ******@ID-93631.news.uni-berlin.de>...
John wrote:
I found this code for the site I'm working on (www.sovietposters.tk).
It does exactly what I want but I can't figure out how to change the
color of the tabs. Anyone any suggestions?


Change:

background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.


Thanks for your input, but that setting also totally destroys the
layout with the text in the menu elements vertical to one another - I
just can't understand what's happening with the code.
If the good doctor has another solution, I'd be much obliged...
Jul 20 '05 #4
"dr. zoidberg" <zo*@example.or g> wrote in message news:<c5******* ******@ID-93631.news.uni-berlin.de>...
John wrote:
I found this code for the site I'm working on (www.sovietposters.tk).
It does exactly what I want but I can't figure out how to change the
color of the tabs. Anyone any suggestions?


Change:

background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.


Thanks for your input, but that setting also totally destroys the
layout with the text in the menu elements vertical to one another - I
just can't understand what's happening with the code.
If the good doctor has another solution, I'd be much obliged...
Jul 20 '05 #5
On 9 Apr 2004 13:50:39 -0700, vi*****@soon.co m (John) wrote:
"dr. zoidberg" <zo*@example.or g> wrote in message news:<c5******* ******@ID-93631.news.uni-berlin.de>...
John wrote:
> I found this code for the site I'm working on (www.sovietposters.tk).
> It does exactly what I want but I can't figure out how to change the
> color of the tabs. Anyone any suggestions?


Change:

background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.


Thanks for your input, but that setting also totally destroys the
layout with the text in the menu elements vertical to one another - I
just can't understand what's happening with the code.
If the good doctor has another solution, I'd be much obliged...


You must have made a typo. I don't believe that even IE will screw up a
layout [1] if you just change a background colour. I tried it without
any problem on your layout.

By the way the text in the top frame is just about illegible for me.
Leave it to the default size (or set 100%) and reduce the text size in
your own browser if you like text that small. Then we both see what we
like.
[1] Unless someone can produce the evidence ...

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #6
On 9 Apr 2004 13:50:39 -0700, vi*****@soon.co m (John) wrote:
"dr. zoidberg" <zo*@example.or g> wrote in message news:<c5******* ******@ID-93631.news.uni-berlin.de>...
John wrote:
> I found this code for the site I'm working on (www.sovietposters.tk).
> It does exactly what I want but I can't figure out how to change the
> color of the tabs. Anyone any suggestions?


Change:

background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.


Thanks for your input, but that setting also totally destroys the
layout with the text in the menu elements vertical to one another - I
just can't understand what's happening with the code.
If the good doctor has another solution, I'd be much obliged...


You must have made a typo. I don't believe that even IE will screw up a
layout [1] if you just change a background colour. I tried it without
any problem on your layout.

By the way the text in the top frame is just about illegible for me.
Leave it to the default size (or set 100%) and reduce the text size in
your own browser if you like text that small. Then we both see what we
like.
[1] Unless someone can produce the evidence ...

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #7
Stephen Poley <sb************ ******@xs4all.n l> wrote in message news:<c5******* *************** **********@4ax. com>...
On 9 Apr 2004 13:50:39 -0700, vi*****@soon.co m (John) wrote:
"dr. zoidberg" <zo*@example.or g> wrote in message news:<c5******* ******@ID-93631.news.uni-berlin.de>...
John wrote:

> I found this code for the site I'm working on (www.sovietposters.tk).
> It does exactly what I want but I can't figure out how to change the
> color of the tabs. Anyone any suggestions?

Change:

background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.


Thanks for your input, but that setting also totally destroys the
layout with the text in the menu elements vertical to one another - I
just can't understand what's happening with the code.
If the good doctor has another solution, I'd be much obliged...


You must have made a typo. I don't believe that even IE will screw up a
layout [1] if you just change a background colour. I tried it without
any problem on your layout.

By the way the text in the top frame is just about illegible for me.
Leave it to the default size (or set 100%) and reduce the text size in
your own browser if you like text that small. Then we both see what we
like.
[1] Unless someone can produce the evidence ...


Interesting comment about the text size... I'll mess around with that.
I am able to change the colour by modifying #cfc in #cff but not in
#ffffff (which really does change the layout of me in IE 5.5. Where
can I find a list with these shorter color codes?
Jul 20 '05 #8
Stephen Poley <sb************ ******@xs4all.n l> wrote in message news:<c5******* *************** **********@4ax. com>...
On 9 Apr 2004 13:50:39 -0700, vi*****@soon.co m (John) wrote:
"dr. zoidberg" <zo*@example.or g> wrote in message news:<c5******* ******@ID-93631.news.uni-berlin.de>...
John wrote:

> I found this code for the site I'm working on (www.sovietposters.tk).
> It does exactly what I want but I can't figure out how to change the
> color of the tabs. Anyone any suggestions?

Change:

background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.


Thanks for your input, but that setting also totally destroys the
layout with the text in the menu elements vertical to one another - I
just can't understand what's happening with the code.
If the good doctor has another solution, I'd be much obliged...


You must have made a typo. I don't believe that even IE will screw up a
layout [1] if you just change a background colour. I tried it without
any problem on your layout.

By the way the text in the top frame is just about illegible for me.
Leave it to the default size (or set 100%) and reduce the text size in
your own browser if you like text that small. Then we both see what we
like.
[1] Unless someone can produce the evidence ...


Interesting comment about the text size... I'll mess around with that.
I am able to change the colour by modifying #cfc in #cff but not in
#ffffff (which really does change the layout of me in IE 5.5. Where
can I find a list with these shorter color codes?
Jul 20 '05 #9
On 10 Apr 2004 07:55:48 -0700, John <vi*****@soon.c om> wrote:
I am able to change the colour by modifying #cfc in #cff but not in
#ffffff (which really does change the layout of me in IE 5.5. Where
can I find a list with these shorter color codes?


#ffffff is red, green and blue on full, and each color is set on a scale
of 00 to ff (0 to 255).

#fff is the same, except each color is set on a scale of 0 to f (0 to 15).

So divide the color code in thirds. Ex. #c0f0c0 = c0 - f0 - c0. Round each
part to the nearest double-digit, in this case bb - ee - bb. Then put it
together like #beb. #beb is the closest 3-digit equivalent to #c0f0c0.
Jul 20 '05 #10

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

Similar topics

1
1646
by: Steven An | last post by:
I'm gonna describe the situation I'm dealing with..but if you're not interested, just skip to the last line where I bluntly ask my question :) Here's my scenario: I've got a huge website that has many pages. Each page has its own content (which changes often). So I wanna use XSLT stylesheets to create these pages (so I can modify the...
2
1284
by: BigOne | last post by:
I'm looking for a script that embeds the text typed on a hidden(and protected) page in to a other page that can be viewed for visitors this text must stay till the owner sets a new text this is to update a site of a restaurant and they want to chance just the "menu of the day" (one textline only) thanks in advance The BigOne
0
876
by: Greg Merideth | last post by:
I've experimented around with the menu bitmaps but none of the sample code and app's I've tested with can show me how to add a bitmap to a context menu. I've created an app with no main form that resides in the system tray with around 15 menu items. I've been asked to put icons next to the menu's and i'll be dammed if i can figure out how...
3
2705
by: Evan | last post by:
I have a web page with 2 frames. The left frame is running menu.aspx and the right frame is running images.aspx. When a selection is made in menu.aspx I call a method in images.aspx and pass a variable. The intention is that images.aspx will take the variable and load images into its frame (the right one) based on the variable passed. What...
6
1400
by: Viken Karaguesian | last post by:
Hello all, Just a question: Is the text in an ALT attribute indexed by Google/search engines? I'm curious. I see a number of sites around the 'net that use rollover images as their navigation menu items. How is that menu indexed/crawled by search engines? If an image is used in someone's navigation menu and they provide ALT text for it, is...
24
2759
by: =?Utf-8?B?RHIuIFMu?= | last post by:
I am incorporating three existing programs into a new "all in one" program. I have added the three projects to the new all in one project. How do I instruct the new initial menu to launch the main menu in each one? I have tried using the DIM statement with .ShowDialog, however, the forms are not recognized as they are listed in seperate...
0
1025
by: NvrBst | last post by:
This may be a basic question... Anyway, the menu items that don't have NavigateUrl's yet do a "javascript _doPostBack(...)" and shows the item as selected. The items I give the NavigateUrls (Target is Another Frame), don't get selected after I click them. The url does get loaded in the target frame though. I think its assuming that the...
3
1414
by: eljainc | last post by:
Hello, I am trying to figure out how to efficiently do the following: Say I have 10 TextBox fields on a form. From each of those, I would like to have a right click context menu. There are 10 menu items on the context menu. Once one of those items are selected, I would like the text to be copied into the text field
3
1842
by: yosibeck | last post by:
sorry folks, I'm sure this is a newbie question. On my website I have one DIV (id="menu") with position:fixed that serves as a fixed menu bar. Then comes the second DIV (id="content") that holds the whole content of the site (genealogy reports rendered by PHP from SQL). I want to put a Javascript searchbox in the menu, that searches in the...
7
4837
by: =?Utf-8?B?U2hpdmEgUmFtYW5p?= | last post by:
I have a windows application with multiple forms & another web application. Now I need a parent EXE or Application which need to act as a container to these application. Example : My existing Web application : http://localhost/MyApp/Default.aspx My existing Win Application : existingWinApp.exe New Parent WinApp :...
0
7502
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7434
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
6026
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...
1
5360
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...
0
3491
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...
0
3470
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1921
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
1
1045
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
744
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...

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.