[css-d] Javascript: getElementsByTagName() getElementsById(): How getElementsByClass()?
let me know u guys feedback on this: http://pitfalls.wordpress.com/2008/07/07/querying-it-jquery-way-getelementsbyclass/ -- http://pitfalls.wordpress.com/2008/07/07/querying-it-jquery-way-getelementsbyclass/ Fear can hold you prisoner. Hope can set you free. - The Shawshank Redemption __ 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] Javascript: getElementsByTagName() getElementsById(): HowgetElementsByClass()?
This is a CSS ONLY forum! Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: abhishek khurana To: css-d@lists.css-discuss.org Sent: Monday, July 07, 2008 1:35 PM Subject: [css-d] Javascript: getElementsByTagName() getElementsById(): HowgetElementsByClass()? let me know u guys feedback on this: http://pitfalls.wordpress.com/2008/07/07/querying-it-jquery-way-getelementsbyclass/ __ 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] Rounded Corners -- Simplest Way
Hi, What is the simplest way to create rounded corners using CSS. I saw a technique using 3 extra div tags for three corner images (left-bottom, right-bottom, left top) which seemed cumbersome and the posting was old. Are there any newer and simpler ways of creating rounded boxes containers? Regards, Sohail __ 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] Rounded Corners -- Simplest Way
Here's how I do it, yes it uses divs but it's always served me very well: http://jake.cfwebtools.com/2008/02/13/css-rounded-corners/ Jake Churchill CF Webtools 11204 Davenport, Ste. 100 Omaha, NE 68154 http://www.cfwebtools.com 402-408-3733 x103 Sohail Aboobaker wrote: Hi, What is the simplest way to create rounded corners using CSS. I saw a technique using 3 extra div tags for three corner images (left-bottom, right-bottom, left top) which seemed cumbersome and the posting was old. Are there any newer and simpler ways of creating rounded boxes containers? Regards, Sohail __ 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] Rounded Corners -- Simplest Way
Sohail Aboobaker wrote: What is the simplest way to create rounded corners using CSS. Sohail This comes up on the list frequently from time to time, and it may be worth while checking the list archives for previous replies... -- http://chelseacreekstudio.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/
[css-d] IE7 drop down menu woes
I posted a note a few weeks back but didn't get any takers. I'm still banging my head against the same wall. I hope someone can offer a suggestion or two to try. I've created a drop down menu using only CSS that's a couple levels deep. You can see it here: http://falling-leaf-productions.com/uif. IE7 has a weird bug that causes the sub menus to reappear empty. For instance if you hover over Search/Records/Box and then mouse out, the next time you hover over Search, the sub-menus jump up but are empty. I'm using two stylesheets, one with a left hand nav, the other without but both are identical in terms of the horizontal nav. I tried zoom:1 thinking it would force IE7 to redraw but no such luck. I'm open to any and all suggestions. Thanks for your time and help. -Tim -- Tim Offenstein *** Campus Accessibility Liaison *** (217) 244-2700 CITES Departmental Services *** www.uiuc.edu/goto/offenstein __ 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] Prevent reset.css Inheritance
Hello, I am using Eric Meyers' reset.css file, which is great for creating my template file. The problem is that I want don't want the reset styles to apply to the content generated by my Content Management System (CMS) Is there a way to prevent inheritance for my div#mainContent? site link: http://agnew.sfasu.edu - Travis Killen http://936webdesign.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] Prevent reset.css Inheritance
Sorry the div#mainConetent can be found here: http://agnew.sfasu.edu/index.php?option=com_contenttask=blogsectionid=1Itemid=3 Travis Killen wrote: Hello, I am using Eric Meyers' reset.css file, which is great for creating my template file. The problem is that I want don't want the reset styles to apply to the content generated by my Content Management System (CMS) Is there a way to prevent inheritance for my div#mainContent? site link: http://agnew.sfasu.edu - Travis Killen http://936webdesign.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/ __ 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] Prevent reset.css Inheritance
Travis Killen wrote: Hello, I am using Eric Meyers' reset.css file, which is great for creating my template file. The problem is that I want don't want the reset styles to apply to the content generated by my Content Management System (CMS) Is there a way to prevent inheritance for my div#mainContent? site link: http://agnew.sfasu.edu - Travis Killen What's so great about loading your style sheet with a ton of superfluous stuff, hardly any of which pertains to what you have in your source document? -- http://chelseacreekstudio.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] Prevent reset.css Inheritance
You could add margins, padding, etc to common elements in #mainContent.
#mainContent p {
margin: 0.5em 0;
//etc...
}
#mainContent h2 {
font-weight: bold;
text-size: 1.4em;
//etc...
}
This is the point of reset.css, to force you to specifically define
the styling for your elements.
-Ryan
On Jul 7, 2008, at 9:30 AM, Travis Killen wrote:
Hello,
I am using Eric Meyers' reset.css file, which is great for creating my
template file. The problem is that I want don't want the reset
styles
to apply to the content generated by my Content Management System
(CMS)
Is there a way to prevent inheritance for my div#mainContent?
site link: http://agnew.sfasu.edu
- Travis Killen
http://936webdesign.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/
Ryan Doherty
[EMAIL PROTECTED]
__
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] Rounded Corners -- Simplest Way
At 10:48 AM -0400 7/7/08, Sohail Aboobaker wrote: Hi, What is the simplest way to create rounded corners using CSS. I saw a technique using 3 extra div tags for three corner images (left-bottom, right-bottom, left top) which seemed cumbersome and the posting was old. Are there any newer and simpler ways of creating rounded boxes containers? Regards, Sohail There's my solution: http://sperling.com/examples/box/ and then a box in box I prepared: http://www.webbytedd.com/ccc/box-box/ Feel free to use what you want. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] Prevent reset.css Inheritance
David Laakso wrote: What's so great about loading your style sheet with a ton of superfluous stuff, hardly any of which pertains to what you have in your source document? Travis, While I, too, generally use a (modified version of) Meyer's Reset.css file, I use it to reset the styles of elements within a content management system; most commonly for allowing a user to create (unknown) source that I have styled specifically for the site. The shell of such a system is generally (theoretically) composed of only a few elements (divs and h1/2s). I'm not sure what value you're gaining by applying it exclusively to the shell. To invert the application of the reset.css file, you'd have to alter the specificity of each selector in the reset.css file to include only the sections which are NOT div#mainContent. There is the CSS not() selector modifier, but I'm fairly certain it does not yet have full browser support. In your case, why not do away with Meyer's reset.css and only modify the few elements you have outside div#mainContent, essentially creating your own reset.css file? Hope it helps. --Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ 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] IE7 drop down menu woes
Tim Offenstein wrote: I posted a note a few weeks back but didn't get any takers. I'm still banging my head against the same wall. I hope someone can offer a suggestion or two to try. I've created a drop down menu using only CSS that's a couple levels deep. You can see it here: http://falling-leaf-productions.com/uif. IE7 has a weird bug that causes the sub menus to reappear empty. For instance if you hover over Search/Records/Box and then mouse out, the next time you hover over Search, the sub-menus jump up but are empty. I'm using two stylesheets, one with a left hand nav, the other without but both are identical in terms of the horizontal nav. I tried zoom:1 thinking it would force IE7 to redraw but no such luck. I'm open to any and all suggestions. Thanks for your time and help. -Tim Tim, In your UIF-menuStyles-vertNav.css file, you're feeding IE7 (all browsers, in fact) the csshover2.htc file. Most browsers will ignore this, but IE7 supports both :hover and behavior. My guess is that if you move this file into your IE-override.css file, you'll see this problem vanish in IE7. Hope that helps. --Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ 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] Prevent reset.css Inheritance
Thanks guys, thats what I will do. - Travis Killen http://936webdesign.com Bill Brown wrote: David Laakso wrote: What's so great about loading your style sheet with a ton of superfluous stuff, hardly any of which pertains to what you have in your source document? Travis, While I, too, generally use a (modified version of) Meyer's Reset.css file, I use it to reset the styles of elements within a content management system; most commonly for allowing a user to create (unknown) source that I have styled specifically for the site. The shell of such a system is generally (theoretically) composed of only a few elements (divs and h1/2s). I'm not sure what value you're gaining by applying it exclusively to the shell. To invert the application of the reset.css file, you'd have to alter the specificity of each selector in the reset.css file to include only the sections which are NOT div#mainContent. There is the CSS not() selector modifier, but I'm fairly certain it does not yet have full browser support. In your case, why not do away with Meyer's reset.css and only modify the few elements you have outside div#mainContent, essentially creating your own reset.css file? Hope it helps. --Bill __ 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] div not working correctly in IE7
I have a problem with a div not working right in IE7. I'm at a complete loss as why it's doing this it works fine, of course, in Safari and FF here is the page: http://www.sthig.com/ggj/gallery1.html here is my css http://www.sthig.com/ggj/css/ggj.css thank you for your help! S c o t t T h i g p e n Illustrative Designer art: http://www.sthig.com design: http://www.thigpendesigns.com Phone: 770.527.3958 __ 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] div not working correctly in IE7
Scott Thigpen wrote:
I have a problem with a div not working right in IE7. I'm at a complete
loss as why it's doing this
it works fine, of course, in Safari and FF
here is the page:
http://www.sthig.com/ggj/gallery1.html
here is my css
http://www.sthig.com/ggj/css/ggj.css
thank you for your help!
Hi Scott:
try this in your style sheet:
#box1{zoom:1}
Hope it helps.
Bill
--
/**
* Bill Brown
* TheHolierGrail.com MacNimble.com
* From dot concept...to dot com...since 1999.
***/
__
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] IE7 drop down menu woes
Bill Brown wrote:
Tim Offenstein wrote:
Good suggestion Bill. I tried it and unfortunately have not noticed any
change. I thought perhaps the CSS was being cached but have eliminated
that possibility. Let me know if you think of anything else.
Hey there--
The addition of this snippet seemed to help. I added it just before the
ending head tag, but you'd presumably want to integrate it into your
style sheet:
style type=text/cssli{position:relative!important;}/style
Dunno...maybe you'd want to put it into an IE7 exclusive style sheet
since that seems to be the only affected browser.
Hope it helps.
Let me know.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com MacNimble.com
* From dot concept...to dot com...since 1999.
***/
__
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] div not working correctly in IE7
Scott Thigpen wrote:
Bill you're the best! Thank you for your help!
S c o t t T h i g p e n
Illustrative Designer
art: http://www.sthig.com
design: http://www.thigpendesigns.com
Phone: 770.527.3958
On Mon, Jul 7, 2008 at 4:52 PM, Bill Brown [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Scott Thigpen wrote:
I have a problem with a div not working right in IE7. I'm at a
complete
loss as why it's doing this
it works fine, of course, in Safari and FF
here is the page:
http://www.sthig.com/ggj/gallery1.html
here is my css
http://www.sthig.com/ggj/css/ggj.css
thank you for your help!
Hi Scott:
try this in your style sheet:
#box1{zoom:1}
Hope it helps.
Bill
--
/**
* Bill Brown
* TheHolierGrail.com MacNimble.com
* From dot concept...to dot com...since 1999.
***/
--
/**
* Bill Brown
* TheHolierGrail.com MacNimble.com
* From dot concept...to dot com...since 1999.
***/
__
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] faux column has disappeared entirely
I thought I finally had all the kinks worked out but now my faux column down the left side has decided not to display at all in IE 5.5 and IE 7. It seems to do fine in IE6. I thought it was all working well a couple of days ago. I could be wrong. (So many site checks...so little life.) The only thing I have done as a major change to all pages since then was to add the 16x16 icon to the tabs. If you notice anything else wrong I need to know about, please let me know. This my first attempt at web design, so be nice. I know my CSS has some wasted code and redundancy but it works and I'm scared to muck with it. Lots of broken links. Lots of pages still local waiting to be uploaded pending the reappearance of the left column. Site and CSS both validate. Thanks in advance Suzie http://www.txfannin.org/ http://www.txfannin.org/styles1.css There's a second style sheet but it doesn't have a left column so you probably don't care. http://www.txfannin.org/scrapbooks.css __ 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] faux column has disappeared entirely
Suzie Henderson wrote: I thought I finally had all the kinks worked out but now my faux column down the left side has decided not to display at all in IE 5.5 and IE 7. It seems to do fine in IE6. I thought it was all working well a couple of days ago. I could be wrong. (So many site checks...so little life.) The only thing I have done as a major change to all pages since then was to add the 16x16 icon to the tabs. If you notice anything else wrong I need to know about, please let me know. This my first attempt at web design, so be nice. I know my CSS has some wasted code and redundancy but it works and I'm scared to muck with it. Lots of broken links. Lots of pages still local waiting to be uploaded pending the reappearance of the left column. Hi Suzie, Good news and bad news. Bad news first: I can't help you. Good news: I can't help you because this site displays identically on IE5.5, IE6, IE7 and Firefox on my system. Interestingly, I don't see any 16x16 icons anywhere as you noted in your email. Maybe try holding control or shift when you refresh the page in your browser? Could be some of the files are cached on your system and causing some problems that you've already fixed in newer versions. Hope that helps. Sorry I can't replicate your problem. --Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ 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] faux column has disappeared entirely
On Mon, Jul 7, 2008 at 8:04 PM, Bill Brown [EMAIL PROTECTED] wrote: Suzie Henderson wrote: I thought I finally had all the kinks worked out but now my faux column down the left side has decided not to display at all in IE 5.5 and IE 7. Hi Suzie, Good news: I can't help you because this site displays identically on IE5.5, IE6, IE7 and Firefox on my system. Interestingly, I don't see any 16x16 icons anywhere as you noted in your email. Hope that helps. Sorry I can't replicate your problem. --Bill Thanks, Bill That IS good news that you are seeing the site correctly in all browsers. I'm working on a Mac and was resorting to Netrenderer for a quick IE site check. I thought it might be a Netrenderer problem but forgot to mention it. I have access to a network of PC's twice a week and normally don't rely on Netrenderer. The tiny icons are the least of my worries. A nice touch but not critical to getting the rest of the 2000 pages up! Thanks for your prompt reply. Suzie __ 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] faux column has disappeared entirely
Suzie Henderson wrote: Thanks, Bill That IS good news that you are seeing the site correctly in all browsers. I'm working on a Mac and was resorting to Netrenderer for a quick IE site check. I thought it might be a Netrenderer problem but forgot to mention it. I have access to a network of PC's twice a week and normally don't rely on Netrenderer. The tiny icons are the least of my worries. A nice touch but not critical to getting the rest of the 2000 pages up! Thanks for your prompt reply. No problem. Glad I could help. --Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ 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] faux column has disappeared entirely
Suzie Henderson wrote:
If you notice anything else wrong I need to know about, please let me know.
Suzie
http://www.txfannin.org/
Em font-scaling bug in the Es.
When setting fonts in em for IE a base in percent is needed on the body
or html, or the fonts will go goofy when scaled.
The correction for your site is to add this declaration at the top of
the style sheet:
html {font-size:100%;}
As ever,
Ozzie
--
http://chelseacreekstudio.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] faux column has disappeared entirely
On Mon, Jul 7, 2008 at 8:30 PM, David Laakso [EMAIL PROTECTED]
wrote:
Suzie Henderson wrote:
If you notice anything else wrong I need to know about, please let me
know.
Suzie
http://www.txfannin.org/
Em font-scaling bug in the Es.
When setting fonts in em for IE a base in percent is needed on the body or
html, or the fonts will go goofy when scaled.
The correction for your site is to add this declaration at the top of the
style sheet:
html {font-size:100%;}
As ever,
Ozzie
--
http://chelseacreekstudio.com/
Done! Added to both sheets and uploaded. Thanks
Harriet
__
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] IE7 drop down menu woes
Bill Brown wrote:
Tim Offenstein wrote:
Good suggestion Bill. I tried it and unfortunately have not noticed any
change. I thought perhaps the CSS was being cached but have eliminated
that possibility. Let me know if you think of anything else.
Hey there--
The addition of this snippet seemed to help. I added it just before the
ending head tag, but you'd presumably want to integrate it into your
style sheet:
style type=text/cssli{position:relative!important;}/style
My thanks to Bill for his help unfortunately nothing has changed it
yet. The submenus are still showing up blank on the second mouseover.
I'm hoping for more suggestions.
Tedd Sperling has a similar menu system that works okay
(sperling.com/examples/menuh) so I'm going to dissect it in the hopes
of discovering why mine's misbehaving.
-Tim
--
Tim Offenstein *** Campus Accessibility Liaison *** (217) 244-2700
CITES Departmental Services *** www.uiuc.edu/goto/offenstein
__
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] horizontal nav not placing correctly
URL: www.objectivedesigns.com/amittius/index.htm CSS: www.objectivedesigns.com/amittius/index.css I've tested it in (all WinXP) FF3, IE7, IE6, Opera 9.5, and Safari 3. They all display the navigation correctly except Safari. I want the nav buttons to touch the bottom of the nav area, but they don't quite go to the bottom in Safari. I also haven't tested this on a Mac, so if anyone could do that for me, that would be great (thanks in advance). What's more pressing, though, is why does Safari display it incorrectly while all the others display it correctly? Thanks, Daniel Hammond 2227 Dunseath Avenue Atlanta, GA 30318 770-842-8817 www.objectivedesigns.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] IE7 drop down menu woes
Tim Offenstein wrote:
My thanks to Bill for his help unfortunately nothing has changed it
yet. The submenus are still showing up blank on the second mouseover.
I'm hoping for more suggestions.
Tedd Sperling has a similar menu system that works okay
(sperling.com/examples/menuh) so I'm going to dissect it in the hopes
of discovering why mine's misbehaving.
-Tim
Tim,
I have no idea what's going on in your menu. It certainly seems to be
CSS related, but I can't isolate the cause.
In my attempts to replicate and quarantine the offending code, I wound
up writing a new CSS menu from scratch that you're welcome to use if you
like. You can find it here:
http://www.theholiergrail.com/tests/cssmenu/index.html
...and I've included the source in this email which can be found
immediately proceeding my rather ostentatious signature.
In testing, I found success in the following browsers:
IE5.5/WinXP
IE6/WinXP
IE7/WinXP
Opera 9.5/WinXP
Opera 9.5/Ubuntu Hardy
Firefox 3/Ubuntu Hardy
Firefox 3/WinXP
I didn't crank up my Win/Vista system or download the new Opera, but one
can probably assume the results would be as successful as indicated
above. I did not encounter any of the blanking elements plaguing your
current menu system.
Hope this helps.
Let me know if you have questions/issues/watermelons.
Bill
--
/**
* Bill Brown
* TheHolierGrail.com MacNimble.com
* From dot concept...to dot com...since 1999.
***/
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
titleMenu Testing/title
style type=text/css
a {display:block;padding:5px;position:relative;}
ul {border:1px solid #000;list-style:none;margin:0;padding:0;}
li {border-right:1px solid #000;list-style:none;margin:0;padding:1px
0;position:relative;}
ul ul
{background-color:#fff;border-top:0;left:-1px;position:absolute;top:100%;}
ul ul ul {position:absolute;left:100%;top:-1px;}
li {display:inline;float:left;white-space:nowrap;}
li li,
li li li{border:0;border-top:1px solid #000;display:block;float:none;}
li:hover {background-color:#e5e5e5;}
li ul,
li:hover li ul,
li:hover li:hover li ul{display:none;}
li:hover ul,
li:hover li:hover ul,
li:hover li:hover li:hover ul{display:block;}
/**
* = Float Behavior Switch
* The overflow:hidden switch won't work in this case.
*/
ul:after {
clear: both;
content: ...;
display: block;
font-size: 1px;
height:0;
overflow: hidden;
visibility:hidden;
}
/style
!--[if IE]style type=text/css
html {font-size:100%;}
ul {zoom:1}
/style![endif]--
!--[if lte IE 6]style type=text/css
body{behavior:url(csshover.htc);}
ul ul {margin-top:1px;}
/style![endif]--
!--[if lt IE 6]style type=text/css
ul ul ul {margin-left:-1em;}
/style![endif]--
/head
body
ul
lia href=#Menu Item 1/a
ul
lia href=#Menu Item 1.1/a
ul
lia href=#Menu Item 1.1.1/a
ul
lia href=#Menu Item 1.1.1.1/a/li
lia href=#Menu Item 1.1.1.2/a/li
lia href=#Menu Item 1.1.1.3/a/li
/ul
/li
lia href=#Menu Item 1.1.2/a
ul
lia href=#Menu Item 1.1.2.1/a/li
lia href=#Menu Item 1.1.2.2/a/li
lia href=#Menu Item 1.1.2.3/a/li
/ul
/li
lia href=#Menu Item 1.1.3/a
ul
lia href=#Menu Item 1.1.3.1/a/li
lia href=#Menu Item 1.1.3.2/a/li
lia href=#Menu Item 1.1.3.3/a/li
/ul
/li
/ul
/li
lia href=#Menu Item 1.2/a
ul
lia href=#Menu Item 1.2.1/a
ul
lia href=#Menu Item 1.2.1.1/a/li
lia href=#Menu Item 1.2.1.2/a/li
lia href=#Menu Item 1.2.1.3/a/li
/ul
/li
lia href=#Menu Item 1.2.2/a
ul
lia href=#Menu Item 1.2.2.1/a/li
lia href=#Menu Item 1.2.2.2/a/li
lia href=#Menu Item 1.2.2.3/a/li
/ul
/li
lia href=#Menu Item 1.2.3/a
ul
lia href=#Menu Item 1.2.3.1/a/li
lia href=#Menu Item 1.2.3.2/a/li
lia href=#Menu Item 1.2.3.3/a/li
/ul
/li
/ul
/li
lia href=#Menu Item 1.3/a
ul
lia href=#Menu Item 1.3.1/a
ul
lia href=#Menu Item 1.3.1.1/a/li
lia href=#Menu Item 1.3.1.2/a/li
lia href=#Menu Item 1.3.1.3/a/li
/ul
/li
lia href=#Menu Item 1.3.2/a
ul
lia href=#Menu Item 1.3.2.1/a/li
lia href=#Menu Item 1.3.2.2/a/li
lia href=#Menu Item 1.3.2.3/a/li
/ul
/li
lia href=#Menu Item 1.3.3/a
ul
Re: [css-d] horizontal nav not placing correctly
Daniel Hammond wrote:
URL: www.objectivedesigns.com/amittius/index.htm
CSS: www.objectivedesigns.com/amittius/index.css
I've tested it in (all WinXP) FF3, IE7, IE6, Opera 9.5, and Safari 3. They
all display the navigation correctly except Safari. I want the nav buttons
to touch the bottom of the nav area, but they don't quite go to the bottom
in Safari. I also haven't tested this on a Mac, so if anyone could do that
for me, that would be great (thanks in advance). What's more pressing,
though, is why does Safari display it incorrectly while all the others
display it correctly?
Hi Daniel--
Try this:
#nav {
font-family: Trebuchet MS;
margin: 0;
padding: 0;
width: 750px;
/* height: 28px; REMOVE */
background: #886;
font-size: 13px;
font-weight: bold;
color: #fff;
text-align: center;
}
#nav a, #nav strong {
display:inline-block; /* ADD */
padding: 2px 25px 3px 25px;
border: 1px solid #eee;
border-bottom: 0;
color: #fff;
text-decoration: none;
position: relative;
}
That should work for all browsers with your current code. Safari wasn't
the only one incidentally...Firefox 3/Ubuntu was showing it the same as
Safari...with the extra spacing produced from the height setting on your
#nav element.
Hope it helps.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com MacNimble.com
* From dot concept...to dot com...since 1999.
***/
__
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/
