How Do I Drop Down Menus in the Header?

[LCN2007]

Ok, i got it now

Is there a way to replace the "vbmenu_control" with a image?

The controls are to large for where im putting them?

Thanks Lynne

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

How does this look?

<table>
<tr>
<td id="garage" class="vbmenu_control">
    <a href="#">Garage - Time Slips - Dyno Sheets</a>
    <script type="text/javascript">
        vbmenu_register("garage");
    </script>
</td></tr>
<tr><td id="classifieds" class="vbmenu_control">
    <a href="#">Classifieds</a>
    <script type="text/javascript">
        vbmenu_register("classifieds");
    </script>
</td></tr>
<tr><td id="support" class="vbmenu_control">
    <a href="#">Support the Community</a>
    <script type="text/javascript">
        vbmenu_register("support");
    </script></td></tr>
<tr><td id="supportingvendors" class="vbmenu_control">
    <a href="#">Supporting Vendors</a>
    <script type="text/javascript">
        vbmenu_register("supportingvendors");
    </script>
</td>
</tr>
<tr><a href="http://www.yoursite.com/forum/faq.php">Frequently Asked Questions</a></tr>
</table>







<!-- Header Popup -->
<div class="vbmenu_popup" id="garage_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Garage - Time Slips - Dyno Sheets</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="http://www.yoursite.com/forum/ICFgarage.html">Main Garage Stats</a><br />
<a href="http://www.yoursite.com/forum/ICFgarage-browse.html">Browse Garage</a><br />
<a href="http://www.yoursite.com/forum/ICFgarage-timeslips.html">Time Slips</a><br />
<a href="http://www.yoursite.com/forum/ICFgarage-dyno.html">Dyno Sheets</a><br />
<a href="http://www.yoursite.com/forum/ICFgarage-laptime.html">Lap Times</a><br />
<a href="http://www.yoursite.com/forum/ICFgarage-search.html">Vehicle Search</a><br />
<tr>
            <td class="thead">Reviews</td>
        </tr>
<a href="http://www.yoursite.com/forum/ICFgarage-shops.html">Store Reviews</a><br />
<a href="http://www.yoursite.com/forum/ICFgarage-garage.html">Installation Reviews</a><br />
<tr>
            <td class="thead">Garage Vendors List</td>
        </tr>
<a href="http://www.yoursite.com/forum/garage.php?do=business">Vendors Lists</a><br />
</td>
</tr>
</table>
</div><div class="vbmenu_popup" id="classifieds_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Classifieds</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="http://www.yoursite.com/classifieds/index.php/cat/1">Parts for Sale</a><br />
<a href="http://www.yoursite.com/classifieds/index.php/cat/3">Cars for Sale</a><br />
<a href="http://www.yoursite.com/classifieds/showcat.php/cat/6">Want to Buy</a><br />
<a href="http://www.yoursite.com/classifieds/index.php/cat/20">Want to Trade</a><br />
<a href="http://www.yoursite.com/classifieds/index.php/cat/22">Misc. for Sale</a><br />
</td>
</tr>
</table>
</div><div class="vbmenu_popup" id="support_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Support the Community</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="http://www.yoursite.com/forum/index.php">Link1</a><br />
<a href="http://www.yoursite.com/forum/index.php">Link2</a><br />
<a href="http://www.yoursite.com/forum/index.php">Link3</a><br />
</td>
</tr>
</table>
</div><div class="vbmenu_popup" id="supportingvendors_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">Supporting Vendors</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
<a href="http://www.yoursite.com/forum/index.php">Supporting Vendor Info</a><br />
<a href="http://www.yoursite.com/forum/index.php">Supporting Vendors List</a><br />
<a href="http://www.yoursite.com/forum/index.php">Become a Supporting Vendor</a><br />
</td>
</tr>
</table>
</div>
<!-- /Header Popup -->

[Lynne]

Your code looks fine now except the FAQ link - you need to put it in <td> tags:

<tr><td><a href="http://www.yoursite.com/forum/faq.php">Frequently Asked Questions</a></td></tr>

I'm not sure what you want to replace with an image. Perhaps show us an image of what you have right now and point out what you want to replace.

[LCN2007]

Ok i got one picture.

If i could i would like to use the original images for the new menu so it doesn't break the template.

Also i noticed when you click the drop down i tried to make a break in the menu but didn't seem to work for me.
the review links are at the top of the menu instead of after the review break same think with the garage vendors list.

[Lynne]

I really don't understand what you are talking about. As I said before, an image showing what is happening now and an image showing what you want to happen would really help.

[LCN2007]

Sorry i had used a IMG Tag to show the picture, but i didnt reaalize that my site is producing invalid urls for albums.
I thinks its anti-leach protection maybe my vbseo. idk

I added it to the last post.

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

Lynne,

Can you see the image now?

[LCN2007]

Does anyone know how to do this?

Im wanting to replace the control with a image or create a new menu option so it doesnt break my template and like like it does now?

[Lynne]

I don't know what you mean by "break your template". You image just shows some drop down boxes and they look just like dropdown boxes should to me. If you mean they are too tall, you can reduce the line height or get rid of the arrows (there are other threads about getting rid of the arrows - just do a search).

[LCN2007]

I was wondering if there is a way to use a image in place of the buttons that arte there so it will lok like it did before i added the drop menus.

[Lynne]

I've never tried that, but have you tried replace the text with image code? ie. Instead of Supporting Vendors put in <img src="wahtever.jpg" alt="Supporting Vendors" />

[LCN2007]

Originally Posted by Lynne

I've never tried that, but have you tried replace the text with image code? ie. Instead of Supporting Vendors put in <img src="wahtever.jpg" alt="Supporting Vendors" />

I tried that out and it worked great except its still pushing the gradient behind it. Is there any way to get rid of that?