CSS Drop Down Menu

  • Hey guys,

    I have created a CSS drop down menu for one of my website, but I am having a bit of trouble trying to get an arrow image to show up only on the links with submenus, to show that there are more pages. Anyone know the solution to this?

    I know its probably a simple solution, but after staring at a screen for this long I just can’t see it.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Unless you provide a link to your site, no one will be able to offer much in the way of specific help.

    Thread Starter tafts

    (@tafts)

    Yeah I would have, unfortunately its installed on my local drive at the moment, long story.

    I am implementing it with a page list – child of statement in the template:

    <?php wp_list_pages('title_li=&child_of='.$post=9 ); ?>

    and the CSS Code is:

    div.left-widget ul{
	list-style: none;
     }

div.left-widget ul li {
list-style: none;
	position: relative;
	}

div.left-widget li ul {
	position: absolute;
	left: 175px;
	top: 0;
	display: none;
	}

div.left-widget ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #7fa470;
	padding: 7px;
	border: 1px solid #ccc;
	border-bottom: 0;
margin-left:-10px;
	}

div.left-widget li:hover ul { display: block; width: 180px; }

    Any help would be great.

    Thanks

    Thread Starter tafts

    (@tafts)

    Anyone …

    The solution doesn’t even have to have anything to do with getting it work in wordpress, has anyone got this working, without having to manually give each parent page a class to show the arrow?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Drop Down Menu’ is closed to new replies.