Member Avatar for chowdarysmk

Hello members
i am the new one to css...
In our forum above
we see
Hardware/software softwaredevelopment web development internet marketing business exchange is there
in tis how can create dropdown lists like
hardware/software
1.microsoftwindows
2.Linux&unix
3.Mac etc...
How can i get tis type of style sheet plz give the css sheet that one.....plz guys i'm a learner don't think bad
In advance Thank you

  • 4 Contributors
  • 3 Replies
  • 91 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by Beg.CProgrammer

Dani AI

Generated

The OP asked for a simple dropdown like a forum category bar. pointed to ready examples, suggested studying working menus, and mentioned Spry. Below is a compact, practical approach that complements those replies and is easy to try in a learning environment.

Start with semantic HTML (a nav and nested lists) and a small amount of CSS to hide/show the submenu. Paste this into a test HTML file and tweak the selectors in your stylesheet.

<nav>
  <ul class="menu">
    <li>
      <a href="#">Hardware / Software</a>
      <ul class="submenu">
        <li><a href="#">Windows</a></li>
        <li><a href="#">Linux</a></li>
        <li><a href="#">macOS</a></li>
      </ul>
    </li>
    <li><a href="#">Web Development</a></li>
  </ul>
</nav>
.menu .submenu { display: none; position: absolute; }
.menu li:hover > .submenu { display: block; }
.menu { list-style: none; margin: 0; padding: 0; position: relative; }

Notes and quick tips: CSS-only hover works for desktop but not reliably for touch or keyboard users — add a small script to toggle a class and aria-expanded on click for accessibility. If a submenu is hidden, check parent overflow, position, and z-index. For guidance on semantics and ARIA patterns, see the nav element documentation on MDN and the WAI-ARIA Authoring Practices for menus (MDN nav element, WAI-ARIA menu pattern).

Recommended Answers

All 3 Replies

Member Avatar for shirishdhotre

Hello members
i am the new one to css...
In our forum above
we see
Hardware/software softwaredevelopment web development internet marketing business exchange is there
in tis how can create dropdown lists like
hardware/software
1.microsoftwindows
2.Linux&unix
3.Mac etc...
How can i get tis type of style sheet plz give the css sheet that one.....plz guys i'm a learner don't think bad
In advance Thank you

Hi Frnd,

Please find example CSS menu which you can get it easily... for your learning purpose... please find the link below:

http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

Regards,
Shirish Dhotre

Member Avatar for webmaven

you can also look for websites that have a dropdown you like, view the source, find the name and path of the css file, type the URL into the browser, and it will show you the CSS file.

Member Avatar for Beg.CProgrammer

I believe you can get roughly the same thing by adjusting Adobe Dreamweaver's Spry options.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.