Re: [css-d] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
David Terrell wrote: Hello, I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. I am also have problems with IE 6 showing a tranparent png correctly. Firefox and Safari are both showing the transparency correctly. The site is located at www.cometothewell.org/newsite. The css is located at http://www.cometothewell.org/newsite/styles.css. I appreciate any help available. On another note, thank you for the help already received. Thank You, David Terrell Hi David Seeing that the current menu shows the popup submenus misaligned in IE and Opera, plus having different background widths for the submenus in all browsers, you may wish to adapted one of my menus, which works and renders the same in IE7, FF and Opera. I have not checked it with IE6, but it should work. http://css-class.com/articles/ursidae/bears5popuph.htm Kind Regards, Alan http://css-class.com/ __ 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/
Re: [css-d] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
David, No worries, it's my pleasure. That's why this list was created, to 'help' each other. If you're not worried about Accessibility [which is what I think you meant?], try using either the 'Son of Suckerfish Menu' via HTML Dog, Patrick Griffiths: http://www.htmldog.com/articles/suckerfish/dropdowns/ I think Georg sent an email addressing the dropdown menu? I'll check for you, back in a minute. Visit the above link, look over the :hover Javascript in the tutorial. Hopefully that should give you the result you want. You could also use the whatever:hover script or the htc(hover.css) workaround. Cheers, elias Dream and Live Big. On 10/5/07 11:46 AM, David Terrell [EMAIL PROTECTED] wrote: Thank you for your insight. Do you have a better suggestion for the menu taking the accessibility into account? I just need the menu to perform as a pop-up. I'm not entirely sold on using pure CSS, I just have no experience in creating an interactive menu outside of a rollover. Thank you for your help. Sorry to bother everyone with my obviously amateur questions. Thanks, David __ __ Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search http://search.yahoo.com/search?fr=oni_on_mailp=graduation+giftscs=bz __ 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/ -- - my blog: http://www.xanga.com/jesuspnk We are half-hearted creatures, fooling about with drink and sex and ambition when infinite joy is offered us, like an ignorant child who wants to go on making mud pies in a slum because he cannot imagine what is meant by the offer of a holiday at the sea. We are far too easily pleased. ::C.S. Lewis::The Weight of Glory __ __ Don't let your dream ride pass you by. Make it a reality with Yahoo! Autos. http://autos.yahoo.com/index.html __ 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/
Re: [css-d] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
David Terrell [EMAIL PROTECTED] 10/4/2007 2:48 PM . . . . . I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. I am also have problems with IE 6 showing a tranparent png correctly. Firefox and Safari are both showing the transparency correctly. The site is located at www.cometothewell.org/newsite. The css is located at http://www.cometothewell.org/newsite/styles.css. . . . . . Thank You, David Terrell = = = = = = = = = = David, This is an alternate. It's my favorite css popout menu. There are two versions - one vertical, one horizontal. http://www.seoconsultants.com/css/menus/horizontal/ http://www.seoconsultants.com/css/menus/vertical/ And here are some implementations I've designed based on those templates: http://www.boisestate.edu/distance/ stylesheet: http://www.boisestate.edu/distance/styles/main.css http://ppa.boisestate.edu/ stylesheet: http://ppa.boisestate.edu/common/ppa.css http://izann.com/studentservices/ (this is a prototype at the moment) stylesheet: http://izann.com/studentservices/styles/main.css http://linkingdots.com/ stylesheet: http://www.linkingdots.com/include/style.css Nice effect, popping up instead of down for a change, by the way. I'm assuming the text on the pix is temporary, since there are a couple of typos. Cheers! -- Ann Randall __ 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] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
Hello, I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. I am also have problems with IE 6 showing a tranparent png correctly. Firefox and Safari are both showing the transparency correctly. The site is located at www.cometothewell.org/newsite. The css is located at http://www.cometothewell.org/newsite/styles.css. I appreciate any help available. On another note, thank you for the help already received. Thank You, David Terrell Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search http://search.yahoo.com/search?fr=oni_on_mailp=graduation+giftscs=bz __ 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/
Re: [css-d] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
On 10/4/07 4:48 PM, David Terrell [EMAIL PROTECTED] wrote: Hello, I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. I am also have problems with IE 6 showing a tranparent png correctly. Firefox and Safari are both showing the transparency correctly. The site is located at www.cometothewell.org/newsite. The css is located at http://www.cometothewell.org/newsite/styles.css. I appreciate any help available. On another note, thank you for the help already received. Thank You, David Terrell David- Try Stu Nichol's Pure CSS Drop-down Menu: http://www.cssplay.co.uk/menus/final_drop.html/ Note the 'Accessibility' issue. When you set the ul li ul li a: display: none; [1] All links and text contained that are 'hidden' aren't seen by spiders, crawlers, and hard for Google/Yahoo to index, etc. [2] Usability is an issue too. People with disabilities, who use assistive technology for the web won't read or interpret what's hidden. Just some thoughts. Stu's site should help. Cheers, elias __ __ Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search http://search.yahoo.com/search?fr=oni_on_mailp=graduation+giftscs=bz __ 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-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/
Re: [css-d] Pure CSS Pop-Up Menu IE 6 png Transparency Problem
David Terrell wrote: www.cometothewell.org/newsite. I'm trying to create a pure css pop-up menu as per http://moronicbajebus.com/wordpress/wp-content/cssplay/pop-up-menus/ and it just isn't working out. The sub-list elements are now hidden, but I can't seem to make them appear on the mouseover. Looks like you have copied the HTML validator's Tidy markup verbatim, which doesn't work since the pop-ups are nested inside the wrong li's. Tidy isn't clairvoyant, so it can only create valid markup - not figure out _how_ the nesting must be done in order to meet your design-intentions. Here's a working version... http://www.gunlaug.no/tos/alien/dt-3/test_07_1005.html ...with the same markup as what Tidy gave you, but this time with the pop-up ul's nested in the right li's. Doesn't work in IE6 though, as that and older IE-versions supports :hover only on links. You can use the whatever:hover '.htc' file to make IE6 behave... http://www.xs4all.nl/~peterned/csshover.html I am also have problems with IE 6 showing a tranparent png correctly. IE6 doesn't support transparency on 32bits png. Look for an IE-filter to use as workaround. regards Georg -- http://www.gunlaug.no __ 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] pure css pop up
Hi
I'm having a problem with a css menu, the idea is that when the list
element is hovered over the menu is displayed. My code works on FF,
Safari but not IE, when i hover in IE nothing happens, see the code
below, any ideas i've tried a few tweaks to no avail.
CSS Code:
/* regional choice menuing */
#regional_choice{
clear:both;
width:390px;
margin:auto;
position:relative;
top:10px;
left:160px;
}
#regional_choice ul{
float:right;
position:relative;
top:-5px;
left:-10px;
margin: 0;
padding: 0;
list-style: none;
width: 135px;
}
#regional_choice ul li {
position: relative;
}
#regional_choice li ul {
position: absolute;
left: 0px;
top: 0px;
display: none;
border:1px solid black;
padding:10px;
background:url(_images/region_bg.jpg) no-repeat;
z-index:30;
}
#regional_choice ul li a {
display: block;
text-decoration: none;
color: navy;
padding: 5px;
}
#regional_choice ul li a:hover {
color:#66;
}
#regional_choice li:hover ul { display: block; }
HTML code:
div id=regional_choice
style=padding-right:30px;font-family:Verdana, Arial, Helvetica,
sans-serif;font-size:0.7em;font-weight:bolder;color:#808080;text-align:right;margin-bottom:-11px;
span style=float:left;
You're currently in the Americas region.
/span
ul
lia href=# style=color:#777;img
src=_images/region_menu.gif border=0 /Change region./a
ul
liCanada/USA/li
lia href=http://www.arcolectric.co.uk/index2.html;Europe/a/li
lia href=http://www.arcolectric.co.uk/index2.html;Rest of the
world/a/li
/ul
/li
/ul
/div
--
Regards
Terry O'Leary
Web Developer @ The Elektron Group
~Online dating community ? www.d8-m8.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] pure css pop up
Terry O'Leary wrote: Hi I'm having a problem with a css menu, the idea is that when the list element is hovered over the menu is displayed. My code works on FF, Safari but not IE, when i hover in IE nothing happens, see the code below, any ideas i've tried a few tweaks to no avail. Unfortunately IE doesn't support :hover on anything but a elements. I think IE7 does, though (anyone know?) -- Joel Goldstick www.columbuswebmakers.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
