2 Navtab Error [Pictures]

[taylor_smith]

Greetings! I'm having trouble with two navbar issues.

Problem 1: Navtab below content

When I click one of the navtabs on our site, the popupmenu displays as follows:



The playlist navtab works fine, but this one is messed up for some reason. The template is pasted here:

http://pastebin.com/didDguL5

Problem 2: Navtab Options Blank Unless Highlighted

In our "Bop" microblog section, the navtab popupmenu options are invisible unless hovered. See:



I can't seem to find the template for this (I'm guessing forumhome?). However, the site is located here: http://www.carpediem.im.

Any insight would be greatly appreciated!

[Lynne]

Both of those are from modified code.

None of the default navtabs have dropdown menus - so you did this yourself with a modification or you wrote the code yourself. We can't really help with that without knowing your code. (and if it's from a modification, you need to post in that modification thread for help.)

I also cannot see any dropbox when I click on the Media tab. I also see no "Bop" thing on your site.

edit: Oh, I found the "Bop" thing. You'll need to post in the modification thread for help with that. Or, just use firebug to figure out what css is used and change it yourself.

[taylor_smith]

Media

Does the pastebin link help (http://pastebin.com/didDguL5)? It contains the navtab code for the Media section.

When visiting the "Media" tab, it is the "Categories" dropdown that has the problem. The "Playlist" dropdown works fine.

Bop

Ok, I will reach out to the modification creator. For what it's worth, the template is here: http://pastebin.com/JYb9eWtk.

Thanks!

--------------- Added [DATE]1325706083[/DATE] at [TIME]1325706083[/TIME] ---------------

Fixed the Bop issue by adding this to additional.css:

.blockhead .popupbody li > a { color: #000000;
}

Still dunno about the "categories" dropdown.

[Lynne]

Ah, I misunderstood what the first issue was. When I use firebug on the Categories dropdown, I do get this CSS which is going to be why it is so high up:

Your html for the added navtabs isn't anything like the default code. That may be what the problem is.

[taylor_smith]

Ok, I found that if I remove the padding from the code below, the other dropdowns behave the same way as the categories dropdown. For some reason, this css is not applying to the categories dropdown.

.navtabs li.selected .popupbody li > a {
padding: 0px 10px;
text-indent: 0;
color: black;
}

When looking here (below), I tried to simply add <li style="margin-top: 10px;"> to the categorybits, but this didn't work.

<li class="popupmenu">
				<a href="javascript://" class="popupctrl">{vb:phrase media_categories}</a>
				<ul class="popupbody popuphover">
					{vb:raw categorybits}
				</ul>
			</li>
			<li class="popupmenu">
				<a href="javascript://" class="popupctrl">{vb:phrase media_playlists}</a>
				<ul class="popupbody popuphover">
					<li style="margin-top: 10px;"><a href="{vb:raw href.playlists}">{vb:phrase media_playlists_browse}</a></li>

However, if hard coded the links (e.g., below), it appeared correctly.

<li style="margin-top: 10px;"><a href="http://www.carpediem.im/media.php?do=category&cid=6">Categories</a></li>

Hence, I assume that I need to add css to vb:raw categorybits. However, I've searched in templates, styles, and phrases, but couldn't figure out where categorybits was. Any ideas?

[Lynne]

$categorybits is defined in the php. Do a search through your vb files for it and you should find where it is defined.

I would not edit it that way. I would add something to the additional.css template to fix it.

[taylor_smith]

Can I do something like this in additional.css?

$categorybits > a {css
}

?

[Lynne]

No. $categorybits is a variable that is parsed in the template. You can't apply CSS to a variable. You'd have to do something more along the lines of:

ul.popupbody li {css}