Geekzone: technology news, blogs, forums
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.

147 posts

Master Geek

Topic # 88744 22-Aug-2011 22:30
Send private message

So for school we have to construct a website and we have been taught how to do all the basics, but I being the ambitious individual i am tried making drop-down menus using only CSS, and im failing to figure out something.

The First part of the image is the mouse over the catagory, it then stays as a drop-down at the first item in the menu like in the second part, but then when i try move to the 2nd item it disappears and appears as the 3rd part.
the basis of the page is in there

and this is the CSS im using

My knowledge of CSS spans about 2 online tutorials, and this free example I gutted and reused (which may be where the problem liesFrown)

Thanks in advance for any help that can be given.

edit: also the bar doesn't sit on top of the image (which should be ignored its from an old test) but that's easy to fix with me just playing around

Create new topic
8025 posts

Uber Geek
+1 received by user: 387


  Reply # 510593 23-Aug-2011 13:32
Send private message

Sounds like you need to uncomment the z-index property for the #nav css so that the menu is in front of the aminated gif image.

Also to get rid of the 40px padding on the nested (2nd level) ul, consider adding a class to target the ul (rather than too much hierarchy like #nav ul li {....} ).

eg: class="menu-2nd-level"

Then in the css:

.menu-2nd-level { padding: 0; }
.menu-2nd-level li { padding: 0; }

147 posts

Master Geek

  Reply # 510796 23-Aug-2011 17:39
Send private message

:D thank you very much

Create new topic

Twitter »

Follow us to receive Twitter updates when new discussions are posted in our forums:

Follow us to receive Twitter updates when news items and blogs are posted in our frontpage:

Follow us to receive Twitter updates when tech item prices are listed in our price comparison site:

News »

N4L helping TAKA Trust bridge the digital divide for Lower Hutt students
Posted 18-Jun-2018 13:08

Winners Announced for 2018 CIO Awards
Posted 18-Jun-2018 13:03

Logitech Rally sets new standard for USB-connected video conference cameras
Posted 18-Jun-2018 09:27

Russell Stanners steps down as Vodafone NZ CEO
Posted 12-Jun-2018 09:13

Intergen recognised as 2018 Microsoft Country Partner of the Year for New Zealand
Posted 12-Jun-2018 08:00

Finalists Announced For Microsoft NZ Partner Awards
Posted 6-Jun-2018 15:12

Vocus Group and Vodafone announce joint venture to accelerate fibre innovation
Posted 5-Jun-2018 10:52 to launch Kogan Mobile in New Zealand
Posted 4-Jun-2018 14:34

Enable doubles fibre broadband speeds for its most popular wholesale service in Christchurch
Posted 2-Jun-2018 20:07

All or Nothing: New Zealand All Blacks arrives on Amazon Prime Video
Posted 2-Jun-2018 16:21

Innovation Grant, High Tech Awards and new USA office for Kiwi tech company SwipedOn
Posted 1-Jun-2018 20:54

Commerce Commission warns Apple for misleading consumers about their rights
Posted 30-May-2018 13:15

IBM leads Call for Code to use cloud, data, AI, blockchain for natural disaster relief
Posted 25-May-2018 14:12

New FUJIFILM X-T100 aims to do better job than smartphones
Posted 24-May-2018 20:17

Stuff takes 100% ownership of Stuff Fibre
Posted 24-May-2018 19:41

Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.

Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.

Alternatively, you can receive a daily email with Geekzone updates.