Recent Questions
Q: One other issue I'm having is that the content for the menu bar in java "selected tab" on my site does not show up in IE7. Works fine in firefox, though. Any ideas about that?
A: Try to delete height: 0%; parameter from the styles:
<div id="content1" style="height: 0%; visibility: hidden;" class="tabPage">
So you'll have:
<div id="content1" style="visibility: hidden;" class="tabPage">Q: I am trying to use the following horizontal scrolling tabs:
http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html My problem is that the bitebackimage is not showing as you can see in the example below.
All the left and right side images appear, but not the repeating button background. All the images are in the same directory and have the same URL to point to them.
Any ideas on what the problem might be?
Any style tab menu that I use produces the same results.
A: The reason is in your styles. Now you have in style.css file:
TABLE {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
You should write:
TABLE {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
Try that.
Q: How do I highlight the current tab in a hover tab menu?
A: This Tabs menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters
( var bselectedItem and var var bselectedSmItem) or using any server-side script (php, asp, etc.)
Deluxe Tabs doesn't support API functions which can return theselected tab.
If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters based on your link beforeyou call your data file.
For example, move "bselectedItem" and " var bselectedSmItem" parametersfrom your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, forexample:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
Try that.
Q: I have set the 'Home' page link from the top level of the menu 'Item style' top Item, to link to my Index page, but the link doesn't work. Is there a special way to set linksfrom the main menu headings?
A: You cannot use links for the main items in the XP style.
But you can try to do the following things for your "Home" item:
["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}