Wrox Programmer Forums
Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
|
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old June 8th, 2011, 07:50 AM
Registered User
 
Join Date: Jun 2011
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default vertical pop-up menu not functioning

CSS

/* Menu vertical starts here */

#menu{

width: 200em;
float:left;
background: ;

}


#menu ul
{

font-family: Arial, Helvetica, sans-serif;

list-style-type:none;

margin:0;
padding:0;

}

#menu li{

position: relative;

display: inline;
/* for IE5 and IE6 */

}

#menu a{

color: #483000;

text-decoration: none;

font-size: 14px;

display: block;

padding: 3px;

width: 160px;

background-color: #F0F0D8;

border-bottom: 1px solid #fff;

}

#menu a:link, #menu a:visited
{
color: #483000;
text-decoration: none;
}

#menu a:hover
{
background-color: #487890 ;
color: #fff;

}



#menu li a#current
{


border-bottom: 3px solid #C0C018;
background: #487890 ;
color: #fff;

}

#menu2 ul ul{

position: absolute;

top: 0;

left: 100%;

width: 100%;






}



div#menu ul ul ul{

display: none;

}


div#menu ul ul li:hover ul{

display: block;

}



/* Menu 2 ends here */


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AIO Microcommunication</title>

<link href="css/css-horizontal-menus.css" rel="stylesheet" type="text/css" />

<link href="css/css-vertical-menus.css" rel="stylesheet" type="text/css" />


<link href="css/page-layout.css" rel="stylesheet" type="text/css" />




</head>




<body>


<div id="page-container">





<div id="main-nav">

Main Nav

<div id="menu3">

<ul>

<li><a href="#">Featured Items</a></li>
<li><a href="#">Desktop</a></li>
<li><a href="#">Laptops</a></li>
<li><a href="#">Hardwares</a></li>
<li><a href="#">New Arrivals</a></li>
<li><a href="#">Contact Us</a></li>

</ul>

</div>

<div style="clear:both;"><br /><br /></div>

<div style="clear:both;"><br /><br /></div>


</div>




<div id="header">


<img border="0" src="images\pulpit.jpg" alt="Pulpit rock" width="304" height="228" />


</div>




<div id="computer_hardware_selection">




<form action="">


<fieldset>

Shop for


<select name="Computer_Hardware">

<option value="Featured_Items" selected="selected">Featured Items</option>
<option value="Motherboard">Motherboard</option>
<option value="Memory">Memory</option>
<option value="Graphic_Card">Graphic Card</option>
<option value="Sound_Accessories">Sound Accessories</option>

</select>


Search <input type="text" size="30" />
<input type = "button" value = "Search now"/>


</form>

</fieldset>

</div>






<div id = "vertical_menu">

CATEGORIES <br><br>

<div id="menu">

<ul>

<li><a href="#">Feature Items</a></li>

<li><a href="#">Desktops</a></li>


<li><a href="#">Notebooks</a>

<ul>
<li><a href=# title = "">ACER</a></li>
<li><a href=# title = "">TOSHIBA</a></li>
<li><a href=# title = "">ASUS</a></li>
<li><a href=# title = "">DELL</a></li>
<li><a href=# title = "">SAMSUNG</a></li>
<li><a href=# title = "">LENOVO</a></li>

</ul>

</li>

<li><a href="#">Hardware</a></li>

<li><a href="#">New Arrival</a></li>

</ul>


<div style="clear:both;"><br /><br /></div>

<div style="clear:both;"><br /><br /></div>


</div>


</div>






<div id="content">Content</div>



<div id="footer">Footer</div>



</div>


</body>
</html>





Similar Threads
Thread Thread Starter Forum Replies Last Post
Chapter 3 Pop Out Menu AndyH21 BOOK: Beginning ASP.NET 2.0 BOOK VB ISBN: 978-0-7645-8850-1; C# ISBN: 978-0-470-04258-8 6 June 16th, 2009 07:16 AM
CSS + HTML = Vertical Select Menu? kwilliams CSS Cascading Style Sheets 2 January 23rd, 2006 09:02 PM
Pop up menu for image joshil Dreamweaver (all versions) 0 May 14th, 2004 12:58 PM
Pop up menu with frames pmcquirk Javascript How-To 2 May 7th, 2004 09:29 AM
Vertical Menu Niaz Pro VB 6 2 October 14th, 2003 06:03 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.