helen2263

Internet Explorer (even 9) has been nothing but a royal and complete pain in the *** thus far. I finally got a dropdown menu working via CSS and it works great in Firefox and Chrome. However! There's one major problem.. When ever I add a list-style-image or even a list-style-type tag, it appears above everything in Internet Explorer. I'll post the code below, and if anyone can figure out this problem or how to fix it i'll sign my soul to you. PLEASE READ: To see the list effects, I have only added them to two areas at the moment. Diablo 3's "Class Guide" menu and the sub-menu "Barbarian" should have the list-style effects applied to them. View the site in internet explorer to see the problem for yourself. http://www.kbwarriors.com/ Here's the code:/* THE CSS MENU * KEEP COLORS:#1B1B1B, #808080, #282828, #FFD100*/ #nav {float:left;margin:0;padding:0;}#nav li .sub {list-style-image:url(../images/list.png…#nav li a, #nav li {float:left;/*border-radius: 40px 0 / 40px 0;*/}#nav li {list-style:none;position:relative;z-ind…#nav li a {padding: 8px 1.5em;text-decoration:none;color:white;b… solid #808080;border-left:1px solid #404040;border-top:1px solid #404040;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#1B1B1B));background: -webkit-linear-gradient(top, #808080, #1B1B1B); background: -moz-linear-gradient(top, #808080, #1B1B1B);background: -ms-linear-gradient(top, #808080, #1B1B1B);background: -o-linear-gradient(top, #808080, #1B1B1B);filter: progid:DXImageTransform.Microsoft.gradie… endColorstr='#1B1B1B'); /* IE6 & IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradi… endColorstr='#1B1B1B')"; /* IE8 */box-shadow: inset 3px 3px 15px #404040;}#nav li a:hover {background:#282828;color:#FFD100;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#000));background: -webkit-linear-gradient(top, #808080, #000); background: -moz-linear-gradient(top, #808080, #000);background: -ms-linear-gradient(top, #808080, #000);background: -o-linear-gradient(top, #808080, #000);filter: progid:DXImageTransform.Microsoft.gradie… endColorstr='#000000'); /* IE6 & IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradi… endColorstr='#000000')"; /* IE8 */box-shadow: inset 3px 3px 15px #000;}/* SUBMENU */#nav li ul {display:none;position:absolute;left:0;t…#nav li:hover > ul {display:block;z-index:100;}#nav li ul li, #nav li ul li a {float:none;}#nav li ul li a {width:150px;display:block;} /* SUB SUB MENU */ #nav li ul li ul {display:none;}#nav li ul li:hover ul {left:100%;top:0;}

Provide a SCREENSHOT(s) of what you want, or add more description to the existing one.

Hello Everyone, I am very new with css. I am learning from here as much as I can but still cannot make sense with the codes. I've learned a little about inserting background images, background colours and positioning. I would like to insert a navigation menu bar on top of the upper background images. Can anyone please help me with the css code on how I can do that. Any help will be much appreciated. Thanks helen

background-color: grey; for main background colorbackground-image: url(bgimage.png); for background imageAs for navagation bar there should be plenty of references in w3c schools website and other sites showcasing various examples.

Hey there. Since I don't know how much experience you have with CSS, I'll try to stick with the basics. If you need some help getting started with CSS in general, this is the start of the tutorial: http://www.w3schools.../css_intro.asp. I would also strongly suggest checking out CSS3 (http://www.w3schools...ss3/default.asp), as several of the practices have been updated. For the background color, I'd recommend something like this in your stylesheet:

body {background-color: grey;}

You might try these pages for choosing the color best suited for your needs: http://www.w3schools..._colornames.asp & http://w3schools.com...rhex=%23330033. The first is good for finding the color of your choice, and the second helps you choose a shade. (Remember that you can use either the color name or the hexadecimal value, i.e. #00000, in the stylesheet) W3Schools also has a tutorial on placing different elements in front of each other: http://www.w3schools...positioning.asp Tutorial for making a drop-shadow: http://www.w3schools..._box-shadow.asp As for the upper and bottom background images, I would suggest using divs (http://www.w3schools...ags/tag_div.asp). For example:

<div id="top_background">[content goes here]</div>

In fact, it would probably be a good idea to use divs for all of your main sections/areas of content. Just remember to give your div a unique id if you plan on applying specific styles to it, so that you can refer to it in your stylesheet, i.e #top_background {style;}. Hope this helped. If you have any more questions, don't hesitate to ask.

Hello Everyone,Can someone please help me with .css style for my website template.This is what I would like to do.1. main background colour grey2. add upper image background on main background,3. add navigation bar and text content on upper image background with drop shadow on text content part, so the upper image background would be underneath the navigation bar and text content area.4. add bottom background image on top of text content page.The problem I am having is to add the navigation and text content on top of the upper image background and to add the bottom image background on top of the navigation and text content area. I have posted a similar thread in the HTML/XHTML but for this instance I need help with the .css style. I am new with .css I don't want my work done for me but just guide me where to start and how do I create the .css style code for my website. Any help would be appreciated. Thanks helen

Hello Everyone,I am creating a new site and would like the following. Please see image for example. I have tried but having difficulties with the upper background and lower background images. The text content part I would like a drop shadow which I can do.This is what I would like to do.1. main background colour grey2. add upper image background on main background,3. add navigation bar and text content on upper image background with drop shadow on text content part, so the upper image background would be underneath the navigation bar and text content area.4. add bottom background image on top of text content page.The problem I am having is to add the navigation and text content on top of the upper image background and to add the bottom image background on top of the navigation and text content area.I hope i am not confusing anyone but any help would be great.

Hello Everyone,Please help all of a sudden my I cannot view my site through localhost. I've restart apache services everything is ok there but still cannot view my site I get. I've installed Apache 2.2.19 and PHP/5.3.5. both separate. My remote info is Local/Network, Server Model None, Access Local/Network, folders are in htdocs directory, HTPP address Localhost, Links relative to Document. Localhost was my server response.It was working fine until couple of days ago I have no idea what i've done wrong or what happened it's a mystery. I am wondering if it's because I am working between two different dreamweavers one is dreamwever 8 the other dreamweaver cs5.5 that one I had to create new site of course using the same folder of site already created from dreamweaver 8.This is what I get when I browse my index.htmlNot FoundThe requested URL /test1.html was not found on this server. Thankshelen