simple css menu example

horseatingweeds · December 14th, 2005, 05:19 PM

Does anyone know of a simple example of a css drop down menu? I am trying to learn how to make them and the JT's web site is confusing me.

richard.york · December 14th, 2005, 06:37 PM

> I am trying to learn how to make them and the JT's web site is confusing me.

If you have a specific question I'd be happy to answer it. I take all of the book feedback very seriously, but if I don't know what a reader's concerns are then I won't be able to take that into consideration for the 2nd edition.

That said; it's really simple, actually. Here's a very condensed version.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title></title>
        <style type='text/css'>
            ul {
                list-style: none;
                background: white;
                border: 1px solid rgb(128, 128, 128);
                width: 200px;
                marign: 0;
                padding: 0;
            }
            ul > li {
                position: relative;
                padding: 3px;
            }
            ul ul {
                position: absolute;
                top: 0;
                left: 100%;
                display: none;
            }
            li:hover > ul {
                display: block;
            }
        </style>
    </head>
    <body>
         [list]
             <li>
                menu
                [list]
                    <li><a href='#'>test</li>
                </ul>
             </li>
         </ul>
    </body>
</html>

HTH!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

horseatingweeds · December 14th, 2005, 07:30 PM

Very helpful, thank you.

What I mean by confusing me is simply that the JT's web site is very complex to someone with my level of CSS understanding. It is a very good example for this book for the reasons that it can serve under so many different subjects and show what CSS is capable of. However, in studding through the book I did find myself often overwhelmed by this "complexity". I found more benefit from the smaller examples and exercises such as the widgets and what knots. If I where to make a suggestion to someone to whom I believe is in no need of my amateur suggestions it would be to use several different less complex sites concentrated under different main subjects. The JT's web site would certainly make a good Ch.19 "Putting it all together" chapter.

In a month or so hopefully I will look back on this thread and think of myself as an idiot for thinking that JT's web site is complex. But, since I am a beginner, and the book is written for me, my useless advice could be valuable....

I did very much enjoy your book though! It has been a while since I have wrinkled some many of a single book's pages. I am actually resting my forearms on it now. It can also be accredited with hooking me up to the Wrox series. This is one book buyer who will always look to wrox for instructional books first.