|
HTML - Dropdown Links Not Working In Ie?
Hey guys, I have a page here I'm testing out HTML dropdown links on:
http://www.bluemasklover.co.uk/diary22.html and for some reason all 4 "site" buttons work in Firefox but not in IE. Could someone please tell me what I have to do to get them to work in both? Thanks BML. Similar TutorialsHi, I need a dropdown menu where I can assign a different link to each option (and when the option is chosen that link is opened in the same window), it should be as simple as possible so it works on the majority of browsers and doesn't get blocked by various utilities that block java/scripting and all that stuff... I don't mind if the user has to press a 'submit' button or whatever. What's the best way to do this? Thanks. Ok, this is weird... On my links page (yeah, there's not much there yet) none of the links work. The sidebar works fine, but nothing else is clickable, and I'm not sure why. (Ok, that's a lie - I have no clue why!) If it matters I'm using Dreamweaver 8. I have been having a problem with the site I am trying to build. The links won't work when the text I have in the content goes past it. Here is a link to the site as an example. http://nate.augspot.com/news.php I have been sent a flash file to use on my website as an ad. I have successfully inserted it as a html into my website, and it is all working fine apart from one thing. The link is not working. I have followed all the tutorials correctly, and when you hover over it, it displays the link in the pane at the bottom of Internet Explorer. The problem is that I can't edit the flash file, and it did not come with any hyperlink added to the swf. Is there a way I can make this work so that it goes to the link when clicked on? This is my html code so far: <a href="http://www.rspb.org.uk" target="_blank"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="498" height="380" id="test1"> <param name="movie" value="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " /><embed src="http://s1.2mdn.net/1286313/GOLDFINCH-RSPB-LBANNER-SWF.swf " width="468" height="60" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object> </a> Hi - Any help would be appreciated I have uploaded an MP3 (Legal as i created this myself) to my website and want to give people the ability to download it. I tried the code: <A HREF="mymp3.com">Download </a> When i tried the link it just started plaing the MP3 using quicktime. I dont want them to stream it, i want when people click on it, a download box appears. Any ideas on what i an doing wrong. The mp3 is in the same directory as the html page the link is on. I am very very new to all things related to programming/coding, etc. I am working on a project, and cannot get my buttons to link to additional pages on a website. I wanted the buttons to not be so standard looking, and am using css styles for them. Here is my code and also the css code for the buttons. Am I needing JavaScript to get this to work? If so, what do I need? Thank you so much. HTML code: <?php echo '<xml version = "1.0" encoding = "IUTF-8"?>';?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmlll/DTD/xhtmll-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> 5 STAR MMA: For the Pursuit of Excellence </title> <link rel = "stylesheet" type = "text/css" href = "5star.css" /> </head> <center> <body background = "bluesmoke.jpg" > <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <center> <form method = "post" form action = "http://localhost/5star/5starnew.php"/> <input class = "button" input type = "submit" value = "Home"/> <form method = "post" form action = "http://localhost/5star/newgym.php"/> <input class = "button" input type = "submit" value = "New Gym"/> <form method = "post" form action = "http://localhost/5star/classes.php"/> <input class = "button" input type = "submit" value = "Classes"/> <form method = "post" form action = "http://localhost/5star/fighters.php"/> <input class = "button" input type = "submit" value = "Fighters"/> <form method = "post" form action = "http://localhost/5star/coachhill.php"/> <input class = "button" input type = "submit" value = "Coach Hill"/> </form> </br> </body> </center> </html> CSS: input{color:#A9A9A9;font-family: Arial, sans-serif;font-size:21px;padding:10px 30px;border:0px black none;cursor:pointer;font-weight:bold;-moz-border-radius: 5px; -webkit-border-radius: 5px;} .button{ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,0,0)),color-stop(1, rgb(66,125,150))); background-image:-moz-linear-gradient(center bottom,rgb(0,0,0) 0%,rgb(66,128,150) 100%); background-color:#000; } input:hover{color:#FF0000;} I developed a simple site which links correctly in Firefox but doesn't work in IE7 on Win/XP. Applicable HTML: http://pastebin.com/m73e60063 Applicable CSS: http://pastebin.com/m5d904712 In Firefox: In IE 7: Suggestions or ideas? I have not yet tried the site in IE 6. Thank you. I have some hmtl code that runs fine under Google Chrome but not under IE8 or Firefox. When i left click links on the left side panel, the linked text disappears until i release the mouse, and even then i am not redirected to the linked page. Here is the website. www.negoaltendinghq.com Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<!-- TemplateBeginEditable name="doctitle" -->
<title>NE Goaltending HQ</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style1 {color: #CA0000}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
a:link {
color: #F00;
text-decoration: none;
}
a:visited {
color: #F00;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #06F;
}
a:active {
text-decoration: none;
color: #039;
display: none;
line-height: normal;
}
.header {
font-size: 18px;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a {
font-size: 16px;
}
-->
</style>
</head>
<body bgcolor="#660000" text="#000000" alink="#000000" leftmargin="0" topmargin="0">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="101%" id="AutoNumber1" height="244">
<tr>
<td width="100%" style="border-style:none;" bgcolor="#E2E2E2" height="auto" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber5" height="60">
<tr>
<td width="25%" style="border-style: none; border-width: medium; font-size: 10px; font-style: normal;" height="58" bgcolor="#660000"><p align="center" style="margin-top: 0; margin-bottom: 4px; font-style: inherit; color: #FFF;"><a href="../index.php"><img src="../Pictures/banner_picnew.png" width="293" height="108" align="left"></a><span style="margin-top: 0; margin-bottom: 0; color: #FFF; font-size: 14px;"></span></td>
<td width="61%" style="text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 24px; font-style: italic;" bgcolor="#660000">'New England Hockey Goaltender Headquarters' </td>
<td width="14%" style="font-weight: bolder; text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 14px; font-style: normal;" bgcolor="#660000"><span style="margin-top: 0; margin-bottom: 0; font-style: inherit; color: #FFF;"></span>
<?php
if (isset($_COOKIE["login"]))
{
echo "Welcome " . $_COOKIE["login"] . "<br />";
echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/scripts/logout.php">Logout</a> <a href="/pages/account.php">Account</a></strong></font></b></td>';
}
else
{echo "Welcome guest! <br />";
echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/login.php">Login</a> <a href="/pages/register.php">Register</a></strong></font></b></td>';
}
?>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="14">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="20%" height="40" align="center" bordercolor="#E2E2E2" bgcolor="#666666" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"><ul id="MenuBar1" class="MenuBarHorizontal">
<li class="MenuBarItemSubmenu"><a class="MenuBarItemSubmenu" href="/index.php">Home</a>
<ul>
<li><a href="/index.php">Home Page</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Level</a>
<ul>
<li><a href="/pages/coming_soon.php">Youth</a></li>
<li><a href="/pages/coming_soon.php">High School</a></li>
<li><a href="/pages/coming_soon.php">Juniors</a></li>
<li><a href="/pages/coming_soon.php">Prep</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">State</a>
<ul>
<li><a href="/pages/coming_soon.php">MA</a></li>
<li><a href="/pages/coming_soon.php">NH</a></li>
<li><a href="/pages/coming_soon.php">ME</a></li>
<li><a href="/pages/coming_soon.php">VT</a></li>
<li><a href="/pages/coming_soon.php">CT</a></li>
<li><a href="/pages/coming_soon.php">RI</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu MenuBarItemSubmenu">Resources</a>
<ul>
<li><a href="/pages/coming_soon.php">Playing Tips</a></li>
<li><a href="/pages/coming_soon.php">Goalie Gear</a></li>
<li><a href="/pages/coming_soon.php">Development</a></li>
<li><a href="/pages/jokes.php">Goalie Jokes</a></li>
<li><a href="/pages/coming_soon.php">Goalie Misc.</a></li>
<li><a href="/pages/coming_soon.php">NE Leagues and Teams</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Member</a>
<ul>
<li><a href="/pages/register.php">Register for free</a></li>
<li><a href="/pages/login.php">Login</a></li>
<li><a href="/pages/coming_soon.php">Game Charts</a></li>
<li><a href="/pages/coming_soon.php">Resume Builder</a></li>
<li><a href="/pages/coming_soon.php">Browse Profiles</a></li>
<li><a href="/pages/coming_soon.php">Administrator</a></li>
</ul>
</li>
<li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">Featured </a>
<ul>
<li><a href="/pages/coming_soon.php">Featured Goalies</a></li>
</ul>
</li>
<li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="/pages/coming_soon.php">NEGHQ Charter</a></li>
<li><a href="/pages/coming_soon.php">Contact Page</a></li>
</ul>
</li>
</ul>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="123" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber6">
<tr>
<td width="19%" height="661" valign="top" bgcolor="#660000" style="border-style: none; border-width: medium">
<div align="center">
<p><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><img src="../Pictures/NEGHQ_logo_small.png" alt="" width="193" height="211" align="middle"></font></font></p>
<p> </p>
</div>
<table width="200" border="1">
<tr>
<td bgcolor="#FFFFFF"><a href="/coming_soon.php">Playing Tips</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Gear</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Coaches and Camps</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Misc.</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/jokes.php">Goalie Jokes</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Featured Goalies</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">NE Leagues and Teams</a></td>
</tr>
</table>
<p> </p>
<table align='center' width="200" border="1">
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Game Charts</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Resume Builder</a></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">View Goaltender Profiles</a></td>
</tr>
</table>
<p> </p></td>
...too long to put entire source (see webpage for entire source)
</html>
I have an html page and right above this page i placed an flash file by putting a layer above this file...now the problem is b/w IE and mozilla firefox. When i see my page in IE the links are working properly but in firefox links are not working properly becauz of flash file behind html page.....so can u plz help me out with this. Thanks in advance. I'm building a small website with only 5 links. Two of the links work fine while the other three are non-functional in Firefox. All links work fine, as they should from what I can gather, in IE. If anyone could take a gander at the code and point out anything they see that Firefox might not like I'm all ears. I'm totally baffled on this one. I know all the inline CSS makes for cluttered code but it's such a small website I didn't feel like creating a style sheet and having to switch back and forth. I'm using Firefox/3.5.12 for testing the site in Firefox btw. UPDATE: Problem solved. Had to undo some particular jerryrigging elswhere on the page to overcome a strange gap that there was no rhyme or reason should be there. Found another solution and now the links work fine. code: <div style="position: relative; top: 0; left: 0; width: 634px;"> <div style="position: relative; top: 30px; left: 85px; width: 80px; height: 30px; background-image: url(images/blk-gry-light-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a style="color: #000000;" href="index.html">home</a></div> <div style="position: relative; top: 30px; left: 105px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="walking.html">dogwalking</a></div> <div style="position: relative; top: 30px; left: 125px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="sitting.html">dogsitting</a></div> <div style="position: relative; top: 30px; left: 145px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="rates.html">our rates</a></div> <div style="position: relative; top: 30px; left: 165px; width: 80px; height: 30px; font-size: 16px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; text-align: center; padding: 5px; float: left;"><a href="contact.php">contact us</a></div> </div> I'm coding a website for another design firm, and I'm having a problem I've never run into before. I have a rollover image script on every image that's linked to another page. The link in the "contact" div works perfectly in FF and IE. However, the link and the rollover in the "navigation" div works in IE but NOT FF. The code for the image and rollover is exactly the same. To test this, I even pasted the contents of the contact div into the navigation div exactly, but no cigar. Both of these divs are in a main div, and the only variable between the two is the elements of the divs in the stylesheet. I feel like a total idiot that this isn't working- it seems like such a stupid little thing to not work, and I'm absolutely baffled. Any help or advice that you could throw my way would be greatly appreciated. Hi All, I am new to these forums but I am a long time, 20+ years, programmer and have been working with html for many of those years but I am no expert. I have been writing pages for an intranet where the employees only use IE, and IE 6 to be precise, company defined, not me. Some of the pages will now be accessible to outside users so I thought I needed to test on more browsers and I have found an issue with some HTML not working in FF. <DIV id="idser" class="InnerBox" style="position: absolute; top: 80; left: 400; height: 68; width: 130"> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> <IMG SRC="/images/barcode.gif HEIGHT="34" WIDTH="100" BORDER="0"> </A> <br> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> Serial # Search </A> </DIV> <DIV id="idhist" class="InnerBox" style="position: absolute; top: 80; left: 530; height: 68; width: 130"> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> <IMG SRC="/images/history.gif HEIGHT="34" WIDTH="32" BORDER="0"> </A> <br> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> View History </A> </DIV> Both lots of code above work in IE, the first DIV with link does not work in FF. I have tried adding the onClick to the DIV and removed the anchors, I have made HREF="#" and also HREF="javascript;;" and several other permutations but none seem to make the link work in FF. I have spend hours on this now. Any/All thoughts/advice will be gratefully accepted. Hi there, I have a problem with two pages on my website; the right-nav images are not working (in IE7). I have checked the links in the code and they are set up correctly, however the links seem inactive once tested. They do work fine in Firefox. The links are nested in a table, that is inside another (main) table, and they are not set as background images for the cell. Please see http://www.centralbancmtg.com/test/contact.html to see what I am talking about. The links that do not work are the "Mortgage Brokers - Click Here", "Today's HOT Programs" and "Employee Login" located on the right column. The follwoing link has the same problem: "Todays' HOT Programs" (first 2/3rds of the image are not "clickable") on: http://www.centralbancmtg.com/test/brokers.html I am not an expert and need help immediately. I'm sure it's an easy fix but if you have a solution please let me know ASAP! Thank you! I just edited my links and they are working in IE but not Mozilla. I'm using CSS script to change the link's text color on mouseover. Might that be the problem? Please check the source IN MOZILLA: http://americanchic.net/BlankGrid3 Hi, I am using css to create a dropdown menu. It works fine in all browsers except IE6. In IE6 a dropdown list covers the dropdown menu. please see the atachment/screenshot. Here is the html/css code I am using. HTML Code: {
position: relative; z-index: 1;}*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
z-index: 599;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
z-index: 598;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
z-index: 598;
}
ul.dropdown li:hover > ul {
visibility: visible;
z-index: 598;
}
HTML Code: <div id="header" class="header" style="background-image: url(./images/blue-curve.jpg); background-position: top;">
<h1>
Finance and Risk
</h1>
<ul class="dropdown dropdown-horizontal noPrint">
<li><a href="#" class="dir">Data Management</a>
<ul>
<?php echo '<li><a href="main.php?PageName=import3' . SID . '">Upload Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=list' . SID . '">Download Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=delete' . SID . '">Delete Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=assetupdate' . SID . '">Update Data</a></li>'; ?>
</ul>
</li>
<li><a href="#" class="dir">Reports</a>
<ul>
<?php echo '<li><a href="main.php?PageName=reports' . SID . '">BS Overview</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=CDO' . SID . '">CDOs</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=impairment' . SID . '">Impairments</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=fvecapreport' . SID . '">FairValue and Risk</a></li>';?>
<?php echo '<li><a href="main.php?PageName=creditrisk' . SID . '">Credit Default Risk</a></li>';?>
<?php echo '<li><a href="main.php?PageName=securitydata' . SID . '">MarketData</a></li>';?>
</ul>
</li>
<li><a href="#" class="dir">Files & Manuals</a>
<ul>
<?php echo '<li><a href="magnitude.pdf" target="_blank">Product Codes</a></li>';?>
<?php echo '<li><a href="uploadmanual.pdf" target="_blank">Upload Manual</a></li>';?>
<?php echo '<li><a href="main.php?PageName=osmdocs' . SID . '">OSM Files</a></li>'; ?>
</ul>
</li>
<li><a href="#" class="dir">Miscellaneous</a> <ul>
<?php echo '<li><a href="main.php?PageName=creditcrises' . SID . '">Credit Crises</a></li>'; ?>
</ul>
</li>
<?php if ($_SESSION['Admin'] == "Yes") { ?>
<li><a href="#" class="dir">Admin </a>
<ul>
<?php echo '<li><a href="main.php?PageName=message' . SID . '">Flash Alerts</a></li>'; ?>
<?php echo '<li><a href="testmarcel1.php?' . SID . '">Test Marcel1</a></li>'; ?>
<?php echo '<li><a href="testmarcel2.php?' . SID . '">Test Marcel2</a></li>'; ?>
<?php echo '<li><a href="testmarcel3.php?' . SID . '">Test Marcel3</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=testajay1' . SID . '">Test Ajay1</a></li>'; ?>
<?php echo '<li><a href="testajay2.php?' . SID . '">Test Ajay2</a></li>'; ?>
<?php echo '<li><a href="testajay3.php?' . SID . '">Test Ajay3</a></li>'; ?>
</ul>
</li>
<?php } ?>
<li><a class="dir" href="main.php?PageName=menu">Menu</a>
<ul>
<?php echo '<li><a href="logout.php">Logout</a></li>'; ?>
<?php echo '<li><a href="#">Change password</a> </li>'; ?>
</ul>
</li>
<li><a class="dir" href="javascript:window.print()" color="green">Print</a> </li>
</ul>
</div>
Any one has an idea how to get the css menu on top of the dropdown list? Thanks in advance Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! Hi guys, i have problem with my dropdown menu and IE7. Site is -> http://www.blisscupcakecafe.com/4/ When u hover on about us button it appears submenu/dropdown. But in IE7 its behind that AJAX slideshow/slider. So in all browser its ok but on IE its broken Also when i hover About Us from left or right its inline menu instead of block ? Thanks in advance I'm aware that the menu in my site can get too-big to display properly at low to medium resolutions and/or browser windows that aren't maximized, so after considering a couple of possible solutions i figured i'd fix it by putting everything into five general categories, two of which would have subcategories (and some of the subcategories would have subsubcategories, and that's as far as it goes). So... ...I'm looking for a code to turn my menu into a dropdown one. Now, as far as i'm concerned there are three types of dropdown menus, two of which i don't like and thus don't want. Google only returns results for one type, which, true to Murphy's law, is one of the two i don't want. Example of the one i want: the one on the top menu on this site ("HOME", "TUTORIAL", "FORUM", "QUICK LIST") (with possibility of images and that kind of stuff) Example of the one i don't want that Google returns: the kind on this site (default computer type) Example of the one i don't want that Google doesn't return: the kind that appears when you click on "Search", "KotV Roster" or any of those links on this site (forum type) I tried to copy the relevant code on the first page i linked to, but either i didn't copy all that's relevant or i'm doing something wrong with it. I considered both possibilities and tried to fix things, but all failed. So how do i do it? Here's a rough picture of exactly what i want: click. I hope the notes and pictures are enough, but if something is unclear please ask away. Sorry for the weird font, but i didn't pay much attention to how the whole thing looked; it's just a quick sketch i made in two minutes. Thanks in advance. Hi all i would like to know how to create a combobox/dropdown box that the user can use to up grade options on a pc and the price change with it? here is an example http://www.gr-tek.com.au/proddetail.php?prod=Corei3 many thanks Nick hey I'm new at the forum here and kinda need some help with a multi level drop down menu for my website. there shall be 2 boxes where in the first one you can choose your Zipcode and then a box below to choose the city you are living in. first time working with html and I'm not sure if it can be made be that, and i was thinking i could get some help with that for some one in here. let me know if it's not understandable^^ ^^thanks for the help^^ |
|||||||