iEntry 10th Anniversary Webforumz RegistrationAnnouncements Contact Webforumz StaffContact
Home Resources Blogs Meet the Team Contact Register
 

Go Back   WebForumz.com > The Code > HTML, XHTML and CSS

Reply
 
LinkBack Thread Tools
Old March 10th, 2008, 12:56 AM   #1
Reputable Member
 

Join Date: Jul 2006
Location: Gillingham
Age: 21
Posts: 465
Thanks: 1
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Aaron1988 is on a distinguished road
CSS Ordered List (Rollover Effect) Problem in I.E 6

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;
 }

Last edited by saltedm8; March 10th, 2008 at 06:47 AM.. Reason: image too large
Aaron1988 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Having a bit of trouble getting my ordered list to be ordered. mcdanielnc89 HTML, XHTML and CSS 29 November 7th, 2007 02:32 PM
Xml Ordered List Help Aaron1988 Other Languages 0 March 13th, 2007 09:36 AM
rollover effect. origional image not appearing WeirdClayJisKOOL HTML, XHTML and CSS 4 March 3rd, 2007 09:59 AM
Film Strip Rollover Effect Accurax HTML, XHTML and CSS 9 November 6th, 2006 11:13 AM
List style / rollover image navigation disappears in IE on the Mac eskymo HTML, XHTML and CSS 5 February 28th, 2006 08:43 PM


Search Engine Optimization by vBSEO 3.2.0 RC8