By noraa on

I need help with my primary links tabs. Things are really coming together since my posts last night and I'd like to even be able to boast that I've taken this live soon. My button_normal.png and button_over.png are showing up fine, but I can't get the button_current.png to show up. I've tried putting the css id=current everywhere in the following code, but nothing works. Thanks in advance for any and all assistance. I know it will help. I have this code in the page.tpl.php:

⋅ Categories: Drupal 4.7.x

Comments

noraa’s picture

noraa commented

The css was supposed to show up with the original post. Don't know what happened. New here. Sorry for any inconvenience. Here's the css:

#navcontainer {
margin-right: auto;
margin-left: auto;
width: 680px;
position: relative;
height: 10px;
font-size: 0.8em;
}

#navcontainer #current {
background: no-repeat url(images/button_current.png);
text-shadow: none;
}

#navcontainer .currentAncestor {
background: no-repeat url(images/button_current.png);
text-shadow: none;
}

/* Parent - Level 0 */

#navcontainer ul {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 680px;
left: 0;
}

#navcontainer li {
display: inline;
float: left;
}

#navcontainer a{
width: 113px;
height: 34px;
display: block;
background: no-repeat url(images/button_normal.png);
text-decoration: none;
padding-top: 11px;
color: #3c3c3c;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
}

#navcontainer a:hover {
background: url(images/button_over.png) no-repeat;
text-shadow: none;
}

#navcontainer a:active {
background: url(images/button_over.png) no-repeat;
text-shadow: none;

}

/* Child - Level 1 */

#navcontainer ul ul {
position: absolute;
left: 0;
top: 32px;
width: inherit;
font-size: 0.99em;
}

#navcontainer ul ul li {
}

#navcontainer ul ul a {
background: none;
padding-top: 1px;
width: 9em;
}

#navcontainer ul ul a:hover{
background: repeat-x url(images/submenu_over.png) center top;
}

#navcontainer ul ul #current{
background: repeat-x url(images/submenu_over.png) center top;
text-shadow: none;
}

#navcontainer ul ul .currentAncestor {
background: repeat-x url(images/submenu_over.png) center top;
text-shadow: none;
}

/* Child - Level 2 */

#navcontainer ul ul ul {
position: absolute;
left: 10px;
top: 20px;
width: inherit;
margin: 0;
white-space: nowrap;
padding: 0px 0px 0px 10px;
}

#navcontainer ul ul ul li {
}

#navcontainer ul ul ul li a {
color: #121212;
text-shadow: none;
}

#navcontainer ul ul ul li a:hover {
text-decoration: none;
background: none;
}

#navcontainer ul ul ul #current {
font-weight: normal;
background: none;
text-shadow: none;
}

#navcontainer ul ul ul ul {
display: none;
}

markdingemanse’s picture

markdingemanse commented

Just a note on posting code snippets: a good way to post CSS here is by wrapping it in <code>-tags. It probably was discarded from your original post because the HTML filter didn't recognize it. Also, if you use indentation and you want to show it up here, wrap the code block in <pre>-tags, i.e.

<pre>
<code>
[your HTML or CSS here]
</code>
</pre>

I know this is an off-topic post, but it looks like the replies in the other topic are answering your question anyway so I hope you don't mind!

noraa’s picture

noraa commented

Don't mind a bit. Thanks. I'm just now uploading my site to the live server. (Keep fingers crossed). I think it'll be easier to show rather than tell. It's such an insignificant little thing going on after all it's taken to get this far. I'm just knocking my own socks off that I've gotten things to work this well!