Therefore, I obtained this page one time from an individual who decided to shame me personally into writing a guide.

Therefore, I obtained this page one time from an individual who decided to shame me personally into writing a guide.

Drop-Down Menu

free girl for dating

Use these to jump around or read it all…

I guess it worked. Here I sit composing it! Anyhow, she stated she wished to know how to do the drop-down menus regarding the Microsoft Home Pageand if I would even Atheist dating app be able to show her how to do it that she wondered.

Well, after experiencing bad we visited the page to see what she was seeking. I t k the process and will actually say that We built this small puppy myself without even evaluating how a wizards at Microsoft did theirs. Mine’s a fairly g d representation, if I really do state therefore myself. However…

The drop function only works with MSIE version 4.0 and above like the menu on the Microsoft homepage. I utilized the SPAN label to have the majority of the effect. I also made the little cross and dash pictures.

Also such as the Microsoft menus, this pup cannot sit with anything it needs space to expand underneath it because. If something is underneath, it gets bumped as the menu expands. Those two concerns apart, let’s go view it, shall we?

The Style Sheet Code

The function is made through the use of both Style Sheets and HTML. Let’s l k at the sheets that are style

If you keep in mind within the instance, there have been three menus. Note above that I have three IDsset up, each representing those types of three menus. And each is placed to show no display.

But We Start To See The Heading!

Yes, you do. That’s as the heading isn’t area of the drop-down menu. It remains on the screen no matter what.

The group that is second of lines produces the consequence of black link text without any underline. That text then turns blue and gets an underline if the mouse rolls over it. Which should l k somewhat familiar for you if you’re scanning this tutorial. Or even, produce a point of reading the basic Style Sheet tutorialright now, then come on back. (más…)