Wrox Programmer Forums
|
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 January 22nd, 2007, 04:17 PM
Friend of Wrox
 
Join Date: Jun 2003
Posts: 119
Thanks: 0
Thanked 1 Time in 1 Post
Default Question on First CSS

I am working on a JSP page that contains my first Master.css file:

Code:
.menu {
    font-size: 12px;
}

.menu a {
    color: white;
    width: 85px;
    text-align: center;
    padding: 2px 0px;
    text-decoration: none;
    background-color: #1D4970;
    border: 1px solid #1D4970;
}

.menu a:hover {
    color: #141D26;
    background-color: #9BAEBF;
    border-color: #E0E6EB
}

.menu span {
    width: 85px;
    text-align: center;
    padding: 3px 0px;
    color: silver;
}

div.submenu {
    position: absolute;
    visibility: hidden;
    top: 116px;
}

div.submenu a {
    text-align: left;
    display: block;
    font-weight: normal;
    padding-left: 2px;
}
My problem is occurring with MENU and SUBMENU items.

My objective is that currently I have a MENU item called Requisition. Underneath that MENU ITEM I have a clickable submenu item called Approve. I need to add two NON-CLICKABLE submenu items underneath Approve, one called MODIFY and the other called SEARCH.

My problem is I do not know how to add another value to do what it is I want. What I tried is adding the following:

div.submenu span {
      color: silver;
}

What happened is that I lost all my formatting from .menu and div.submenu for some reason(?) and I do not know what is the best way to make these two submenu items not clickable.

Any suggestions or direction on how to accomplish the formatting and create non-clickable items would be greatly appreciated.

Thanks.
 
Old January 23rd, 2007, 09:57 AM
richard.york's Avatar
Wrox Author
 
Join Date: Jun 2003
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts
Default

It'd help us to troubleshoot your problem better if you could provide a URL to the code on a live website.

Regards,
Rich

--
Author,
Beginning CSS: Cascading Style Sheets For Web Design
CSS Instant Results

http://www.catb.org/~esr/faqs/smart-questions.html
 
Old February 1st, 2007, 10:02 AM
Registered User
 
Join Date: Dec 2006
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default

I would suggest the following URL for your question. I am sure it will help you alot:

http://www.pickatutorial.com/tutorials/css_1.htm

Thanks





Similar Threads
Thread Thread Starter Forum Replies Last Post
Easy Html CSS question bekim All Other Wrox Books 3 August 24th, 2009 02:41 AM
3-Column CSS Question kwilliams CSS Cascading Style Sheets 2 April 8th, 2008 02:33 PM
Very Basic Question on Spacing with CSS guynorton CSS Cascading Style Sheets 4 December 14th, 2006 04:33 PM
CSS question Edward King CSS Cascading Style Sheets 1 September 16th, 2005 01:02 PM
Tables vs. layers (CSS question) jacob HTML Code Clinic 6 December 1st, 2003 06:21 AM





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