3 replies [Last post]
WingsDove
WingsDove's picture
Offline
newbie
Chicago area, IL USA
Last seen: 11 years 14 weeks ago
Chicago area, IL USA
Timezone: GMT-5
Joined: 2011-03-31
Posts: 5
Points: 7

Hi,

I am finishing up a new design for an old client and having trouble finding 2 problems that are caused by the css code for the flyout menu in I/E.

The web site: http://www.griefcounselor.org/new/index.html

The problems: The flyout menu simply does not work in I/E.b The css code for the flyout menu is also causing each link on the page to be placed on a separate line. You can see this problem clearly in the breadcrumb trail links and the footer links.

The css code:

/* Start of Fly-Out Menu \*/

#leftcolumn { width:180px; height:400px; float:left; background-color:#2c4486; }

#leftcolumn #nav {font-size: 11pt; margin: 0px; font-family: arial; color: #FCC900;}

ul, li {
display: block;
margin: 0;
padding: 0;
border: 0px none;
}

ul {
width: 176px;
background: #2c4486;
list-style-type: none;
}

li {
position: relative;
padding: 0px;
z-index: 9;
}

li.folder {
font: normal 11pt Arial, Tahoma, Sans-Serif, Helvetica;
color: #EBDE78;
padding: 2px 0 4px 5px;
background-color: #2c4486;
border : 0px;
}

li.folder:hover {
z-index: 10;
background-color: #FCC900;
font: normal 10pt Arial, Tahoma, Sans-Serif, Helvetica;
color: #2c4486;
}

li.folder ul {
position: absolute;
display: none;
left: 160px; /* IE */
top: 5px;
}

li.folder>ul {
left: 160px;
}

ul.level1 li.folder:hover ul.level2 {
display: block;
width: 200px;
}

a {
padding: 2px;
text-decoration: none;
width: 100%; /* IE */
}

li>a {
width: auto;
}

li a.topmenu {
padding-left: 1px;
font: bold 10pt Arial, Tahoma, Sans-Serif, Helvetica;
color: #FCC900;
display: block;

}

li a.submenu {
background-color: #2c4486;
padding-left: 5px;
font: bold 10pt Arial, Tahoma, Sans-Serif, Helvetica;
color: #FCC900;
display: block;
border : 0px;
padding-top: 3px;
padding-bottom: 4px;
}

li.submenu:hover {
z-index: 10;
background-color: #FCC900;
font: normal 10pt Arial, Tahoma, Sans-Serif, Helvetica;
color: #2c4486;
}

li.explain {
font: bold 10pt Arial, Tahoma, Sans-Serif, Helvetica;
background-color: #2c4486;
border : 0px;
color: #FCC900;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
width: 190px;
}

a.topmenu:visited {
color: #FCC900;
}

a.topmenu:hover {
color: #FCC900;
background-color: #2c4486;
}

#menu {
border: 0px;
margin: 0;
padding: 0;
width: 160px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html li.explain {
width: 180px;
}
/* End hide from IE5/mac */

a.topmenu:hover {
color: #2c4486;
}

#menu {
border: 0px solid #000000;
margin: 0;
padding: 0;
width: 160px;
}

#link {
font: 11px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
padding: 0px 0px 0px 0px;
margin-top: 0px;
}

/* End of Flyout Menu */

-->

Any help you can give me would be very much appreciated.

Thanks

WingsDove
WingsDove's picture
Offline
newbie
Chicago area, IL USA
Last seen: 11 years 14 weeks ago
Chicago area, IL USA
Timezone: GMT-5
Joined: 2011-03-31
Posts: 5
Points: 7

Anyone here???

Anyone here???

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 51 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

WingsDove wrote: Anyone

WingsDove wrote:

Anyone here???

First off,
please do not double post
http://csscreator.com/topic/need-help-flyout-menu-issues-internet-explorer-0 is not necessary. We see you posted.

Second,
WE HAVE LIVES! This is a free service that we dedicate ourselves to in order to help aspiring web developers and designers. You're not paying us. We can choose to help you. We can choose to ignore your request. We can pretty much do whatever we want to in regards to your question.

You, on the other hand, are not allowed to freak out because someone didn't answer you in a couple of hours. The soul supporters of this forum are from all over the world, all in different time zones, and most of us have full time jobs that actually do pay us.

So, unless you are going to dig deep into your pocket and start throwing money around, you get to wait up to 24 hours just like everyone else, before you start bumping.

If it's a weekend of major holiday we ask you wait 72 hours.

Until then.

Validate your code!!

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

WingsDove
WingsDove's picture
Offline
newbie
Chicago area, IL USA
Last seen: 11 years 14 weeks ago
Chicago area, IL USA
Timezone: GMT-5
Joined: 2011-03-31
Posts: 5
Points: 7

There is no reason to get

There is no reason to get snarky.

I am new here and did not know where to post or how long it normally takes to here back to a request for help. I posted twice thinking I had made a mistake in where I posted the first time. I can only go by the response time I have experienced from other online forums and follow-up after a few hours.

It sounds like you are either a very unhappy person or are having a very bad day.

Hope your life improves.