Hi i just wondered if you could help me i have an issue with a
CSS Ordered List.
cause in I.E 7 works Perfect and FF, but ie 6 doesnt work
what it is suspose to do is when you hover over the links shows the rollover effect but in I.E 6 it shows as this,
ITS THE ORANGE AND BLUE ORDERED LIST ON RIGHT.
Thanks
Aaron
Admin Edit > image removed please don't post such large images, if it must be that size, attach it or host it elsewhere, thanks
and here is the
CSS for it:
Code:
/*---colors
FFFFFF
829A76
8D6C47
FF9900
E6DABD
3D923A
9FC07E
DEDAC9
C19462
006699
*/
/*---Body */
.site_name {
font-size: 16px;
font-weight: bolder;
color: #FFFFFF;
}
body {
background-color: #2F4F2F;
}
td, tr, p, div {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #8D6C47;
}
a:link, a:visited {
color: #000000; text-decoration: none;
font-weight: bold;
}
a:hover {
color: #FF00FF; text-decoration: none;
font-weight: bold;
}
hr, hr.separator {
height : 1px;
width : 100%;
border: 1px solid #E6DABD;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
/* Mambo Menu Styling
* ------------*/
/* menu -nav */
#mainlevel-nav li
{
float: left;
}
#mainlevel-nav li a:link, #mainlevel-nav li a:visited{
color: #C19462;
/*background-image: url(../images/net_25.gif);*/
background-position: -120px 0px;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
height: 20px;
/*background-color: #FFCC00;
border-right: 1px solid #6A4831;
border-left: 1px solid #9F7251;*/
float: left;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
/*border-top-color: #9F7251;
border-bottom-color: #6A4831;*/
}
#mainlevel-nav li a:hover{
color: #FFFFFF;
background-position: 0px 0px;
}
/* menu mainlevel */
a.mainlevel:link, a.mainlevel:visited {
display: block;
font-size: 12px;
font-weight: bold;
color: #C19462;
text-align: left;
width: 100%;
text-decoration: none;
line-height: 16px;
border-bottom-width: 1px;
/*border-bottom-style: solid;
border-bottom-color: #E6DABD;*/
background-image: url(../images/net_40.gif);
background-repeat: no-repeat;
background-position: right -3px;
}
a.mainlevel:hover {
text-decoration: none;
background-position: right -35px;
color: #FF9900;
border-bottom-width: 1px;
/*border-bottom-style: solid;
border-bottom-color: #C19462;*/
}
/* menu sublevel */
a.sublevel:link, a.sublevel:visited {
display: block;
font-size: 12px;
font-weight: bold;
color: #C19462;
text-align: left;
width: 100%;
text-decoration: none;
line-height: 16px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E6DABD;
}
a.sublevel:hover {
text-decoration: none;
color: #FF9900;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C19462;
}
/* mambo core stuff */
table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
table.moduletable th {
color: #000000;
line-height: 19px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DEDAC9;
}
table.moduletable td {}
/*.pathway {
color: #8D6C47;
}
a.pathway, a.pathway:visited {
color: ##829A76;
}
a.pathway:hover {
color: #FF9900;
}
*/
/*** General Mambo Styles*/
.back_button{
float: left;
}
.pagenavbar {
color: #829A76;
}
.pagenav, a.pagenav, a.pagenav:visited{
color: #829A76;
height: 20px;
padding-right: 2px;
padding-left: 2px;
text-align: center;
padding-top: 2px;
border: 1px solid #DEDAC9;
background-color: #FFFFFF;
}
a.pagenav:hover{
color: #FF9900;
}
.small {
font-size: 10px;
font-weight: bold;
color: #9FC07E;
}
/**
* Mambo Form Styles
* -----------------
* Here are 2 styles that Mambo uses to let users control
* how their forms and buttons may look.
*/
.button {
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #9FC07E;
border-right-color: #3D923A;
border-bottom-color: #3D923A;
border-left-color: #9FC07E;
font-size: 10px;
font-weight: bold;
color: #3D923A;
margin-top: 2px;
margin-bottom: 2px;
}
.inputbox {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #3D923A;
border-right-color: #9FC07E;
border-bottom-color: #9FC07E;
border-left-color: #3D923A;
font-size: 10px;
font-weight: normal;
color: #3D923A;
background-color: #FFFFFF;
}
/**
* Mambo Tabbed Frontend Admin Interface
* -------------------------------------
* The CSS styles here defines how the frontend admin interface
* will look like when editing and adding news through frontend.
*/
.ontab {}
.offtab {}
.tabpadding {}
.tabheading {}
.pagetext {}
/**
* Mambo General styling for Sections/Categories/Contents
* ------------------------------------------------------
* These stylings are either sometimes or often used across
* Sections, categories and contents. They, therefore, deserves
* to be mentioned and separated from others.
*/
.createdate {
font-size: 10px;
color: #829A76;
}
.modifydate {}
.readon, a.readon:link, a.readon:visited{
color: #829A76;
float: right;
background-image: url(../images/net_38.gif);
background-repeat: no-repeat;
background-position: 0px -5px;
padding-left: 16px;
}
a.readon:hover{
color: #C19462;
background-position: 0px -37px;
}
/**
* Mambo Styling for Contents
* --------------------------
* All the styling for contents are listed
* below.
*/
.contentpane {}
.contentpaneopen {}
.contentdescription {}
table.contenttoc {}
table.contenttoc td {}
.content_rating {}
.content_vote {}
/**
* Mambo Styles for Categories
* ---------------------------
* The following are the styling for "Category" items
* generated from the Sections area
*/
/* For content item titles that are hyperlink instead of Read On */
.contentheading, .componentheading{
color: #8D6C47;
font-weight: bold;
}
.contentpagetitle, .category {
color: #8D6C47;
font-weight: bold;
}
a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
font-size: 12px;
font-weight: bold;
color: #C19462;
}
a.contentpagetitle:hover, a.category:hover {
color: #9FC07E;
}
/**
* Mambo Blog styling
* ------------------
* Not too sure where this is used yet. I tried the blog section
* but it doesn't seem to use it. If you have info on this,
* email me. I'll update this part.
*/
.blogsection{}
/**
* Mambo's Built-in Component's Syling
* -----------------------------------
* These stylings are used for Mambo's built-in components
* such as newsfeeds, weblinks, contact, search and polls.
* A commented subtitle will guide you which is for which
*/
/* Polls */
.poll {
font-size: 11px;
color: #C19462;
}
table.pollstableborder {
border: 1px solid #9FC07E;
color: #3D923A;
}
/**
* Mambo Sections Styles
* ---------------------
* Styling of sections tables
*/
.sectiontableheader {
background-color : #DEDAC9;
color : #3D923A;
font-weight : bold;
/*border-top: 1px solid #9FC07E;
border-right: #9FC07E;
border-bottom: 1px solid #9FC07E;
border-left: #9FC07E;*/
line-height: 16px;
}
#left {
text-align:left;
}
.sectiontableentry1 {
}
.sectiontableentry2 {
background-color : #FFFFFF;
}
/* Weblinks */
.weblinks{}
/* Newsfeeds */
.newsfeedheading {}
.newsfeeddate {}
.fase4rdf {}
/* Search page */
table.searchintro {}
/* Contact's table settings */
table.contact {}
table.contact td.icons {}
table.contact td.details {}
/* Menu Stylesheet */
#menu4 {
width: 185px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
margin: 10px;
text-align: left;
}
#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu4 li a:link, #menu4 li a:visited {
color: #9E3C02;
display: block;
background: url(http://www.lusciouslifestyle.net/tem...ages/menu4.gif);
padding: 8px 0 0 30px;
}
#menu4 li a:hover {
color: #fff;
background: url(http://www.lusciouslifestyle.net/tem...ages/menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
}
#menu4 li a:active {
color: #fff;
background: url(http://www.lusciouslifestyle.net/tem...ages/menu4.gif) 0 -64px;
padding: 8px 0 0 30px;
}