Alamo25
-
Posts
10 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by Alamo25
-
-
CSS Menu is working fine in all other major browsers except for Mozilla 2.0.
http://www.victorsfood.com.au/index-new.shtml
Eg. For the 'About Us' menu it is only showing the dropdown 'Appearances' even though there are 8 other items that should come before it.
I've tried everything to fix this, even comparing the code line by line to the original version at http://www.cssmenus.co.uk/dropdown.html but had no success.
Please can anyone help?
I don't think the issue is css related.
></pre> <ul> Home About Us </ul> <a href="aboutus.shtml" rel=""> </a><br><br><a href="food-adventures.shtml" rel="">Food Adventures </a><a href="food-adventures.shtml" rel=""> </a><a href="food-adventures.shtml" rel=""> </a><a href="food-adventures.shtml" rel=""> </a><br><br><br><br><br><br><br><a href="intelligence.shtml" rel="">Food Intelligence </a><a href="intelligence.shtml" rel=""> </a><br><br><br><a href="extras.shtml" rel="">Delicious Extras </a><a href="extras.shtml" rel=""> </a><br><br><a href="contactus.shtml" rel="">Contact </a><a href="contactus.shtml" rel=""> </a><br><br
-
My above comment about that code has nothing to do with it, because I removed all that code to test and it did the same thing.
An accurate description is that it is showing only the last menu item of each dropdown.
Eg. For the 'About Us' menu it is only showing the dropdown 'Appearances' even though there are 8 other items that should come before it.
This problem only occuring in Mozilla 2.0.
-
ok, found the extra --> and it took away the extra --> on the page.
I'm still only getting the first dropdown in the menu. I'm thinking its to do with this code in the menu: specifically the bit
About Usis there one too many comment tags there? or not enough?
-
I was just viewing the site I'm working on in Mozilla v2.0 and it is only showing the first drop down item on the css menus.
It's also displaying '-->' in the top left hand corner, which makes me think its a bum line of code in the include/menu.htm file that is blowing it up.
I can't remember if the menu was originally working in Mozilla 2.0.
-
Thanks Wickham, I took your advice and downloaded the standard dropdown menu from cssplay.com and also copied your ie6 code above.
http://www.victorsfood.com/newsite/index.shtml
I also tried using the width classes that you gave me code for a few weeks ago, to set the width of the menu items. Do I still need to do that for the css play menu or is there someway to get all the menu items to span to 100% to fit the screen? I note that the cssplay menu all have the same widths, which makes it so much easier!
.widtha { width: 70px; }.widthb { width: 170px; }
.widthc { width: 190px; }
.widthd { width: 170px; }
.widthe { width: 170px; }
.widthf { width: 180px; }
Outstanding issues now:
- The dropdown widths are doing weird things. See under 'Food Intelligence/Team Building' menu item. They are only as wide as the text for that menu item. Is there any way to get them all the same width?
- Is there any way to get the dropdown menus 3rd tier to start at the end of the whole menu's width rather than straight after the last character of the 2nd tier link? See under 'Food Intelligence/Team Building'
- A HTML error now on the page showing in IE.
These menus are really out of my reach with CSS, so thanks again.
-
Hi all
Page in question: http://www.victorsfood.com/newsite/index.shtml
I know about the issues relating to the display of css ul/li drop down menu navigation in Internet Explorer 6.0.
To rectify this I included the 'bug fix' stylesheet specifically for IE6.
http://www.victorsfood.com/newsite/common/ie6.css
However, this has made no difference. Viewing the page in IE 6, the menu goes horrid, the wrong colour links and the drop downs are staggered across horiztonally rather than vertically.
I should note that when this fix css is linked to it removes the browser scrollbar, preventing the page from being scrolled. The absent scrollbar happens across all browsers.
Does anyone have any idea how to fix this? Site looks ok in IE 7, 8, Mozilla 2, Safari 4.
Location of stylesheet containing ul/li classes is:
http://www.victorsfood.com/newsite/common/style.css
Any help as always, is much appreciated.
Cheers.
-
Cheers mate! Thats what the problem was. Legend.
-
Thanks so much for your help Wickham.
Re. the maincontent css setup I had before, I know it was a disaster. I have rectified this by introducing a new style that makes use of the browsers scrollbars. In terms of the menu, I chose the #3 option you suggested.
http://web.aanet.com.au/~natalie/victor/
The only problems now
1) the gap between the menu and top header area producing white space.
2) the black menu is not extending to the full width, resulting in the white space on right hand side. The page width is now 950px, I adjusted your 'widthe' class down by 10px, to accomodate for this.
-
Hi all
I'm having a bit of trouble getting a drop down menu to work.
URL: http://web.aanet.com.au/~natalie/victor/
1) Basically, I want to align all the menu headings so they are evenly spaced horizontally across. The only way I can figure to do this is to change the 'text-align' to center instead of left in the ul li class. However, this moves all the drop downs to be centered under the menu headings, giving a tabbed across look for all the drop downs when hovered over.
2) The width: 157, also means that menu items with smaller amounts of characters receive the same menu width, resulting in disproportionate spacing across the menu items. Is there any way to fix to achieve a similar effect that a 'distribute columns evenly' function does in a html table?
Your help is greatly appreciated. Cheers.
Code below
/* PART OF COMMON/STYLE.CSS FILE */
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
position: relative;
float:left;
width: 157;
text-align: left;
}
li ul {
position: absolute;
top: 23px;
display: none;
}
ul.nav li a{
display: block;
color: #FFF;
padding: 5px;
background: #000000;
margin: 0 0px;
font-size: 11px;
font-weight:bold;
text-decoration: none;
}
ul li a:hover { color: #ffffff; background: #08a9ec; text-decoration: none;}
li:hover ul, li.over ul { display: block; text-decoration: none;}
/* PART OF HTML PAGE HEAD*/
window.onload = function()
{
className="nav";
if (document.all&&document.getElementById)
{
navRoot =
document.getElementById(className);
for (i=0; i
{
node = navRoot.childNodes[l]; // l is really an i but forum won't let me post what it thinks is a broken italic tag
if (node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className+=
"over";
}
node.onmouseout=function()
{
this.className=
this.className.replace("over", "");
}
}
}
}
}
CSS Ul Li Menu issue in Internet Explorer 6.0 (IE6).
in CSS
Posted
I finally found the problem, it was css related.
I went back to the original css file and line by line replaced it with my current version.
The offending thing:
#menu li.current a.sub {color:#fff;;}
I was missing the second ; from that line.
Unbelievable.
Thanks for everyone chiming in on this.