Xtremer360 Posted March 5, 2009 Share Posted March 5, 2009 I want to know how I can turn my nav bar images into a drop down menu for other pages? <html> <head> <!-- Created on: 2/28/2009 --> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="Dog's Choice"> <meta name="generator" content="AceHTML 6 Pro"> <link href="css/styles.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" width="1027" cellpadding="0" cellspacing="0" > <tbody> <tr> <td colspan="3" class="header"><div class="top-banner"></div></td> </tr> <tr> <td><table width="1027" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="leftside"> </td> <td width="805" valign="top"><table width="805" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" class="contentarea"> <div id="main-nav"> <ul> <li><a href="#"><img src="images/btn-roster.jpg" alt="Roster" width="71" height="36" border="0"></a></li> <li><a href="#"><img src="images/btn-events.jpg" alt="Events" width="75" height="36" border="0"></a></li> <li><a href="#"><img src="images/btn-multimedia.jpg" alt="Multimedia" width="108" height="36" border="0"></a></li> <li><a href="#"><img src="images/btn-info.jpg" alt="Info" width="61" height="36" border="0"></a></li> </ul> </div> <div id="left-box"> <div class="quote"> <h3> <img src="images/head-quote.jpg" alt="Quote" width="52" height="17"></h3> <div class="quote-content"> </div> </div> <div class="spotlight"> <h3><img src="images/head-spotlight.jpg" alt="Spotlight"></h3> <div class="spotlight-content"> </div> </div> <div class="opinion"> <h3><img src="images/head-opinion.jpg" alt="Opinion" width="78" height="18"></h3> <div class="opinion-content"> </div> </div> </div> <div id="content-box"> <div class="content-banner"><img src="images/content-banner.jpg" alt="Banner"></div> <div class="site-news"> <h2><img src="images/head-site-news.jpg" alt="News"></h2> <div class="site-news-content"> </div> </div> <div class="clear"></div> <div class="content-bottom-box"> <h2><img src="images/head-headlines.jpg" alt="Headlines"></h2> <div class="content-bottom-box-content"> </div> </div> <div class="content-bottom-box"> <h2><img src="images/head-rumors.jpg" alt="Rumors"></h2> <div class="content-bottom-box-content"> </div> </div> </div> <div id="right-box"> <div class="events"> <h3><img src="images/head-events.jpg" alt="events"></h3> <div class="events-content"> </div> </div> <div class="forum"> <h3><img src="images/head-forums.jpg" alt="forum"></h3> <div class="forum-content"><a href="http://kansasoutlawwrestling.com/phpBB3/"><img src="images/picture3.jpg" alt="Forum" width="152" height="134"></a></div> </div> <div class="shop"> <h3></h3> <div class="shop-content"><a href="http://kansasoutlawwrestling.com/oscommerce/catalog/"><img src="images/shirt.jpg" alt="Shop"></a></div> </div> </div></td> </tr> <tr class="main"> <td valign="top" class="footer"><a href="#">link</a> | <a href="#">link</a> | <a href="#">link</a> | <a href="#">link</a> | <a href="#">link</a> </td> </tr> </table></td> <td valign="top"><div class="rightside"></div></td> </tr> </table></td> </tr> </tbody> </table> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/148049-nav-bar-images-into-drop-down-menu/ Share on other sites More sharing options...
haku Posted March 5, 2009 Share Posted March 5, 2009 Get rid of the <ul> list in the navbar, and change it into a <select> menu, with each of the elements contained in an <option>. Quote Link to comment https://forums.phpfreaks.com/topic/148049-nav-bar-images-into-drop-down-menu/#findComment-777094 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.