drop-down menu strictly css?

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

flyersgirl

Is it possible to create a drop-down menu strictly in CSS? I cannot find a site that demonstrates this.

joshlittlejohn

Yes it is totally possible. I have supplied a demonstration link below:
http://jsfiddle.net/ndRhj/

You have my permission to copy this code and adapt it according to your needs.

(I would suggest adding javascript to extend the functionality of the dropdown to be used by clicks/taps so that tablet users are not ill-effected. Because in its current state the dropdown relies entirely on the :hover event.)

flyersgirl

John,

Thank you.
But is there a way to eliminate HTML?

joshlittlejohn

No. CSS is used to style markup. It's a dependent language, CSS by itself won't render anything.

cbVision

But is there a way to eliminate HTML?

Where are you going with this? Why in the world would you want to eliminate the HTML?

flyersgirl

If the drop down menu was only integrated within CSS, I would not have to update each individual (20+pages) of code. For instance, I have a drop-down menu (js, css, html files) and when I want to make a change, I have to change each instance of the drop down menu HTML-wise.

Any advice?

cbVision

You'll want to use a server side include for global content.

Ex:

<?php
   include('menu.php');
   <p>content on the rest of your page</p>
?>

menu.php would contain your global content.