1 reply to this topic

[Hooch]

Here is the link
http://www.bestdealinsurance.co.uk/
Is there a special name for this drop down?
I checked out the view source but I cannot even think of how to do this.
I'm still google'ing here too. it would be nice to find a tut.

Thanks

[rc69]

<div id="main_menu">
	<ul>
		<li id="menu_home"><a href="/"><span>BestDeal.</span></a>
			<iframe id="iframe_home" src="/forms/blank.html" frameborder="0" scrolling="no"></iframe>
			<ul>

				<li class="drop_image"><a href="/"></a><a href="/" class="image_click"></a></li>
				<li><a href="/about/" id="Header1_MainMenu1_A1">About us</a></li>
				<li><a href="/news/">News</a></li>
				<li><a href="/guarantee/" id="Header1_MainMenu1_A2">Guarantee</a></li>
				<!--li><a href="/learning_centre/">Learning Centre</a></li>
				<li><a href="/policy_store/">Policy Store</a></li>
				<li><a href="/testimonials/">Testimonials</a></li-->
				<li class="last"><a href="/trusted_companies/" id="Header1_MainMenu1_A3">Trusted Companies</a></li>
			</ul>

		</li>
		<li id="menu_life"><a href="/life/"><span>Life.</span></a>
			<iframe id="iframe_life" src="/forms/blank.html" frameborder="0" scrolling="no"></iframe>
			<ul>
				<li class="drop_image"><a href="/life/"></a><a href="/life/" class="image_click"></a></li>
				<li><a href="/about.htm" id="Header1_MainMenu1_A4">Level<br>Life Insurance</a></li>
				<li><a href="/mortgageinsurance.htm" id="Header1_MainMenu1_A5">Decreasing<br>Life Insurance</a></li>

				<!--li><a href="/forms/life/?type=whole">Whole Life Assurance</a></li-->
				<li><a href="/forms/income/" id="Header1_MainMenu1_A7">Income Protection</a></li>
				<li class="last"><a href="/basicinfoci.asp" id="Header1_MainMenu1_A6">Critical Illness</a></li>
				<!--li class="last"><a href="/forms/life/?type=tax">Tax Efficient Life Insurance</a></li--></li>
			</ul>
		</li>

Line 40. You're right, there is a special name for this. It's a CSS Dropdown. I would recommend the ALA articles because you will never find EXACTLY what you're looking for. I will say you can find closer than what they offer, but they are a start.

They over complicated the image though. You just need <li><img ...></li> in my opinion. But i'm sure there is a reason they did it their way (i definately don't recommed trying to replicate how they did it though).