CSS pulldown menus, the trick

The real trick to css pulldown menus is the :hover pseudo selector. You knew that. However, the insight comes in learning that the :hover pseudo can be used anywhere in the middle of your CSS selector. This allows you to build up the a selector representing a mouse action that selects a child element of what the mouse it on.

Here is some html:

(span id="menu")
(h3)a category(/h3)
(ul)
  (li)item 1(/li)
(/ul)
(/span)

Now here is how you hover over the over H3 to get the sub menu to raise:

#menu {
   width: 2in;
   height: 2em;
   position: relative;
}
#menu ul {
   display: none;
   position: absolute;
}
#menu h3:hover ul {
   display: block;
}
#menu ul:hover {
   display: block;
}

That h3:hover ul trick is gold!

Advertisements

Notes on the History of HTML

A list of links to articles discussing the origin of HTML.

  • http://www.w3.org/People/Raggett/book4/ch02.html
  • HTML has had a life-span of roughly seven years. During that time, it has evolved from a simple language with a small number of tags to a complex system of mark-up, enabling authors to create all-singing-and-dancing Web pages complete with animated images, sound and all manner of gimmicks. This chapter tells you something about the Web’s early days, HTML, and about the people, companies and organizations who contributed to HTML+, HTML 2, HTML 3.2 and finally, HTML 4.

  • http://en.wikipedia.org/wiki/HTML
  • In 1980, physicist Tim Berners-Lee, who was a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system.[2] Berners-Lee specified HTML and wrote the browser and server software in the last part of 1990.

  • http://infomesh.net/html/history/early/
  • Tim Berners-Lee first started to come up with code for his WWW project in 1990. The first mention of him working on code for processing HyperText can be found in the original HyperText.m file that Tim worked on, dated 25th September 90.

  • http://www.yourhtmlsource.com/starthere/historyofhtml.html
  • HTML 1.0 was the first release of HTML to the world. Not many people were involved in website creation at the time, and the language was very limiting. There really wasn’t much you could do with it bar getting some simple text onto the web. But then, just that got the beardos a-foamin’ back in the day.

  • http://inventors.about.com/od/computersoftware/a/html.htm
  • After Vannevar Bush first proposed the basics of hypertext in 1945, it laid the foundation for Tim Berners-Lee and others to invent the World Wide Web, HTML (hypertext markup language), HTTP (HyperText Transfer Protocol) and URLs (Universal Resource Locators) in 1990.

  • http://www.landofcode.com/html-tutorials/html-history.php
  • The first ever version of HTML was HTML 1.0. This original HTML was alot different than the HTML used today, it was far more limiting. The internet was not yet popularized, and few people were involved in web development. But for those that were involved in web development, they could not do much with HTML except get some simple text up on the web (the original HTML consisted of only 22 tags). This was only the beginning….