Help - Search - Members - Calendar
Full Version: definition list problems
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
Navarone
On my ccs page I have this code which controls my drop down menu on this page http://dev-tlt.virtualhorizons.com/products.aspx#

CODE

.product_menu_loc {
    position: absolute;
    left: 625px;
    top: 328px;    
    text-align: right;    
}

dl, dt, dd, ul, li{
    margin: 0;
    padding: 0;    
    list-style-type: none;
    font-family: Arial, Verdana, sans-serif, Trebuchet MS;
    font-size: 12px;
    text-align: right;    
}

dl#menu {    
    width: 165px;        
}

dl#menu li {    
    background: #336699;    
    line-height: 15px;    
    list-style-type: none;    
    width: 165px;    
}

dl#menu li a {
    color: #101F2D;
    text-decoration: none;
    display: block;
    height: 15px;
    padding: 5px 10px 5px 0px; /*top-right-bottom-left*/
}

dl#menu li a:hover {
    color: #FFFFFF;
}

dl#menu dt {    
    height: 20px;
    line-height: 15px;    
    /*font-weight: bold;*/
    background: #641211;
    padding: 5px 10px 5px 0px; /*top-right-bottom-left*/
}

dl#menu dt a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;    
    height: 20px;
    padding: 5px 10px 5px 0px; /*top-right-bottom-left*/
}

dl#menu dt a:hover {
    color: #0CC6E8;
}


Here is my problem, I use a UL list on this page http://dev-tlt.virtualhorizons.com/TLTtesting.aspx and the above code seems to be messing it up.
How can I correct this?
sad.gif
Christian J
QUOTE(Navarone @ Jul 11 2007, 10:53 PM) *

On my ccs page I have this code which controls my drop down menu on this page http://dev-tlt.virtualhorizons.com/products.aspx#

You should provide image ALT text for the top menu links.

QUOTE
CODE

dl, dt, dd, ul, li{
    margin: 0;
    padding: 0;    
    list-style-type: none;
    font-family: Arial, Verdana, sans-serif, Trebuchet MS;
    font-size: 12px;
    text-align: right;    
}

The above CSS also applies to UL and LI elements, unless you remove those selectors.
Frederiek
BTW, I get a javascript error in Safari (Mac) on this line (allthough the menu seems to work):

document.getElementById('smenu'+i).style.display='hide';
Navarone
QUOTE(Christian J @ Jul 11 2007, 05:52 PM) *

QUOTE(Navarone @ Jul 11 2007, 10:53 PM) *

On my ccs page I have this code which controls my drop down menu on this page http://dev-tlt.virtualhorizons.com/products.aspx#

You should provide image ALT text for the top menu links.

QUOTE
CODE

dl, dt, dd, ul, li{
    margin: 0;
    padding: 0;    
    list-style-type: none;
    font-family: Arial, Verdana, sans-serif, Trebuchet MS;
    font-size: 12px;
    text-align: right;    
}

The above CSS also applies to UL and LI elements, unless you remove those selectors.


If I remove the selectors, it messes up the menu on the right hand side of the page. I take it there isn't a css way around this issue?
Darin McGrew
It sounds like you need a selector that applies only to the menu UL on the right hand side of the page.

Either that, or you need a selector that applies only to the non-menu UL, so you can override the properties that are getting set for the menu UL.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.