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

#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
8085 posts

Uber Geek


  #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; }


Trade NZ and US shares and funds with Sharesies (affiliate link).

147 posts

Master Geek

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

:D thank you very much

Create new topic

News and reviews »

Prodigi Technology Services Announces Strategic Acquisition of Conex
Posted 4-Dec-2023 09:33

Samsung Announces Galaxy AI
Posted 28-Nov-2023 14:48

Epson Launches EH-LS650 Ultra Short Throw Smart Streaming Laser Projector
Posted 28-Nov-2023 14:38

Fitbit Charge 6 Review 
Posted 27-Nov-2023 16:21

Cisco Launches New Research Highlighting Gap in Preparedness for AI
Posted 23-Nov-2023 15:50

Seagate Takes Block Storage System to New Heights Reaching 2.5 PB
Posted 23-Nov-2023 15:45

Seagate Nytro 4350 NVMe SSD Delivers Consistent Application Performance and High QoS to Data Centers
Posted 23-Nov-2023 15:38

Amazon Fire TV Stick 4k Max (2nd Generation) Review
Posted 14-Nov-2023 16:17

Over half of New Zealand adults surveyed concerned about AI shopping scams
Posted 3-Nov-2023 10:42

Super Mario Bros. Wonder Launches on Nintendo Switch
Posted 24-Oct-2023 10:56

Google Releases Nest WiFi Pro in New Zealand
Posted 24-Oct-2023 10:18

Amazon Introduces All-New Echo Pop in New Zealand
Posted 23-Oct-2023 19:49

HyperX Unveils Their First Webcam and Audio Mixer Plus
Posted 20-Oct-2023 11:47

Seagate Introduces Exos 24TB Hard Drives for Hyperscalers and Enterprise Data Centres
Posted 20-Oct-2023 11:43

Dyson Zone Noise-Cancelling Headphones Comes to New Zealand
Posted 20-Oct-2023 11:33

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.