Changing hover menu to OnClick menu.

I am trying to change my vertical drop down menu to OnClick instead of mouse hover, but I can't find what to change. Here is my code:

<style type="text/css">
   * {
  margin: 0px;
  padding: 0px;
 
}
 
nav {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  margin: 50px auto; /*for display only*/
  width: 150px;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
 
.menu-item {
  background: #fff;
  width: 150px;
}

CSS Menu which shows Level 1, 2 and 3 list items on top level rollover

I wish to create a menu system that shows all of the sub menus when you roll over the top level. I have attached a PDF showing the menu structure.

I want to use a list, something like this:

<nav>
	<ul>
		<li><a href="#">Item 1</a></li>
        <li><a href="#">Item 1</a></li>
		<li><a href="#">Item 3</a>
			<ul>
				<li><a href="#">Sub 3.1</a>
                	<ul>
						<li><a href="#">Sub 3.1.1</a></li>
					</ul>
                <li><a href="#">Sub 3.2</a>
                	<ul>
						<li><a href="#">Sub 3.2.1</a></li>
					</ul>

My CSS-menu collapses when i follow a link

Hi everyone,

I'm building a css/html website for my company, and i've created an menu with some animation to it.
Problem is that it collapses when i follow a link but i don't want it to.

I think the problem lies in the type of link. I don't want to use any frames, so i worked with DIV's.
Each link in the menu therefore load as target="_parent". Is there a way of linking pages and opening them in a specified DIV just like you can do with frames?

Greets,
Kees

On Weebly I need help

I am trying to find out how to edit my weebly menus (pages)black for more info click here http://i1092.photobucket.com/albums/i417/patrickjaguars/untitled.jpg
Thanks
--------

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
fieldset{
border:0;
}
a img{
border:0;
}
.clear{
clear:both;
}
body {
background: url(0904numba8.jpg) top repeat-x;
background-color:#000000;
font-family: arial, sans-serif;
font-size:12px;
color:#666666;
margin:0;

Different words on rollover? Is it possible?

Hello,

I've been asked to make a .css rollover menu... but when you mouse over the button, they want the word to change..

So when the mouse is not over the button they want it to say "get acquainted"
When the mouse is over the button they want it to say "who we are"

I know with .css we can make lots of changes.. but the actual text of the button on a rollover? Is this possible?
IMHO, I think the easiest way would be just to use images.. but I was wondering if it's possible to do this with just .css? Also, this is to be used on a WordPress site. Will that make a difference?

Syndicate content