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> 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>. 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
Archived
This topic is now archived and is closed to further replies.