[css-d] strange issue with suckerfish menu and firefox web developer plugin
This is driving me INSANE! Best way to explain this is to just show the site we are working on... http://www.createtwo.com/villager/shopvillager/ So... the category lists at the bottom... some will have suckerfish hover menus to display a sub menu. If you hover over "Story People"... a sub menu will rollout... however, it should have a right arrow image next to "Story People" and the whole sub menu should have a nice dropshadow background image. Now... in firefox web developer plugin... click "edit css", there it is. WTF? __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] drop-down navigation (not hovering in IE)
well, I got then menu working correctly in all browsers. Then only problem now is... in IE 7 when you click on one of the drop- down menu items then hover off the drop-down does not go away. Any ideas why this is? http://www.ozworkz.com/delnorte/temp/ Thanks, Ryan On Jun 4, 2008, at 12:58 PM, Ryan Oswald wrote: > Hi, > I'm having trouble with this css drop-down/hover menu. > Its working perfect in firefox and safari, but will not show up in > IE 6 & 7. You can see it here: http://www.ozworkz.com/delnorte/temp/ > > The drop-down is only on the "Locations" menu item. > The drop-down would not show up at all in any browsers until I > added the > "z-index: 99;" to the css. > > Here is the css for the menu: (I'm sure its not the most efficient, > but I'm just trying to get it to work at this point). > view the full css here: http://www.ozworkz.com/delnorte/temp/style.css > > also I've set it up so that when the text-size in the browser is > increased, the menu stays in tact (the background images appear the > same). > if that makes sense. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] drop-down navigation (not hovering in IE)
Hi,
I'm having trouble with this css drop-down/hover menu.
Its working perfect in firefox and safari, but will not show up in
IE 6 & 7. You can see it here: http://www.ozworkz.com/delnorte/temp/
The drop-down is only on the "Locations" menu item.
The drop-down would not show up at all in any browsers until I added the
"z-index: 99;" to the css.
Here is the css for the menu: (I'm sure its not the most efficient,
but I'm just trying to get it to work at this point).
view the full css here: http://www.ozworkz.com/delnorte/temp/style.css
also I've set it up so that when the text-size in the browser is
increased, the menu stays in tact (the background images appear the
same).
if that makes sense.
/* NAVIGATION */
#nav ul {
margin: 0;
padding: 8px 5px 0 15px;
height: 27px;
list-style: none;
background: url(images/menu-left.gif) 0 0 no-repeat;
float: right;
}
#nav li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
/* Home Home
___*/
.home {
padding: 4px 12px;
}
a.home {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.home:active {
text-decoration:none;
}
a.home:hover {
color: #FFF;
text-decoration: none;
}
/* Locations Locations
___*/
.locations {
padding: 6px 15px;
}
a.locations {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.locations:active {
text-decoration:none;
}
a.locations:hover {
color: #FFF;
text-decoration: none;
}
#nav ul .secondlist { /* second-level lists */
position: absolute;
background: #BDA989;
border: 2px solid #7F2E14;
width: 145px;
height: auto;
margin:4px 0 0 50px;
padding: 0;
z-index: 99;
left: -999em;
}
#nav ul .secondlist a {
text-decoration: none;
display: list-item;
background: none;
padding: 5px 0;
color: #51432D;
font-size: 1.0em;
font-weight: bold;
}
#nav .secondlist li a:hover {
background: #7F2E14;
color: #FFF;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
/* Information Information
___*/
.information {
padding: 4px 15px;
}
a.information {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.information:active {
text-decoration:none;
}
a.information:hover {
color: #FFF;
text-decoration: none;
}
/* Photos Photos
___*/
.photos {
padding: 4px 15px;
}
a.photos {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.photos:active {
text-decoration:none;
}
a.photos:hover {
color: #FFF;
text-decoration: none;
}
/* Contact Contact
___*/
.contact {
padding: 4px 15px;
}
a.contact {
font-family: Trebuchet MS;
font-size: 1.3em;
font-weight: bold;
color: #750C10;
text-decoration:none;
}
a.contact:active {
text-decoration:none;
}
a.contact:hover {
color: #FFF;
text-decoration: none;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] diminishing lead-in paragraph
hello, I'm trying to create a diminishing lead-in paragraph like this: http://www.ozworkz.com/temp/leadin.png I'm not sure how to go about doing this correctly with xhtml/css. Also, I imagine that browser text size increase/decrease would just screw it up. So is something like this even possible? Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
