[css-d] background not showing in IE. Urgent!
I've just discovered that the background of a site I'm working on is not showing in IE and I can't figure out why. The site is here: http://aligncomm.com The CSS for the background image is body { background: #00 url(/images/bg.jpg) no-repeat top center; } I've tried entering: http://aligncomm.com/images/bg.jpg /images/bg.jpg ../images/bg.jpg http://aligncomm.com/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg I've tried with and without single quotes. I've been googling the problem with no success so far. Help! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ css-discuss [css-d@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] background not showing in IE. Urgent!
Thanks so much, Micky, Yes, I'm aware of the missing post-topbgx.png image. That is deliberate. As I indicated, I did try it with the redirect url. Thanks for the link. I'll look there right away. I'm still googling and not finding anything helpful. I've also tried putting the style inline. Jody On May 31, 2011, at 10:33 AM, Micky Hulse wrote: Not looked too closely, but a few thoughts: 1. http://aligncomm.com/images/post-topbgx.png is missing when viewing net via firebug. Not sure if related. 2. /images/bg.jpg exists, but it redirects here: http://aligncomm.com/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg Maybe IE does not like redirect? Have you tried linking to: url(/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg) I've tried with and without single quotes. Some good info here: CSS background-image - What is the correct usage? http://stackoverflow.com/questions/851724/css-background-image-what-is-the-correct-usage My bet is the redirect to the real image. Good luck! Micky __ css-discuss [css-d@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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ css-discuss [css-d@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/
[css-d] slideshow positioning problem
Hi everyone, I'm trying to get a css slideshow working on this page: http://web648.dark.plainblack.net/home/home-test but the slides are stacking vertically instead of occupying the same space. I've used the exact same code on this page and it works: http://evamoon.net Can anyone tell me how I can fix it? Thank you! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ css-discuss [css-d@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] slideshow positioning problem
On Apr 19, 2011, at 2:44 PM, Theresa Newman wrote: it is looking for your javascript here http://web648.dark.plainblack.net/home/slidefadinger.js and not finding it make sure you have the css in place as well Thank you all for your help. It also wasn't finding the CSS file. I thought I'd checked for that. It's working now. Now I need to add links. Wish me luck! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ css-discuss [css-d@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] flash element covering nav dropdowns in Chrome
Thank you, Chetan, I've got it working now! See http://evamoon.net I was curious about the purpose of the connect-css.css you added. It doesn't seem to be needed for the page to work. Also, can you tell me how to vary the time between slides? I've been looking at the js but I'm not seeing it. Thanks again Jody On Dec 1, 2010, at 1:30 AM, Chetan Crasta wrote: I've integrated the javascript, have a look at it here: http://roughtech.com/t/indexcssslideshow.html BTW, I suggest you change the DTD to XHTML 1.0 transitional or get rid of the deprecated HTML and use the HTML 4.01 DTD. Cheers, Chetan On Wed, Dec 1, 2010 at 4:22 AM, Jody Levinson j...@troutdream.com wrote: On Nov 29, 2010, at 9:32 AM, Chetan Crasta wrote: I don't have a fix, but I have a suggestion: don't use Flash for the slideshow. You can have the same slideshow using the CSS opacity property (opacity filter for IE) and a little javascript. You can see my implementation of this at bagitwise.com . Chetan, this is very cool. I've been trying to implement your CSS version but I'm missing something because it's not working. I do have the javascript file included and the CSS validates. I feel like it's close... I have a test page here: http://evamoon.net/indexcssslideshow.html Thanks! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ 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] flash element covering nav dropdowns in Chrome
On Nov 29, 2010, at 9:32 AM, Chetan Crasta wrote: I don't have a fix, but I have a suggestion: don't use Flash for the slideshow. You can have the same slideshow using the CSS opacity property (opacity filter for IE) and a little javascript. You can see my implementation of this at bagitwise.com . Chetan, this is very cool. I've been trying to implement your CSS version but I'm missing something because it's not working. I do have the javascript file included and the CSS validates. I feel like it's close... I have a test page here: http://evamoon.net/indexcssslideshow.html Thanks! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ 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] flash element covering nav dropdowns in Chrome
On Sun, Nov 28, 2010 at 1:40 PM, Jody Levinson j...@troutdream.com wrote: There's a dropdown menu until Live in the menu on this page: http://evamoon.net/ that shows properly in FF but in Chrome, the Flash slide show covers it. I think I've got my z-index layers set up properly, but I can't fix it. Any thoughts? Sounds like the Internet Explorer Z-Index bug. Try giving one of the parent elements (navcontainer or header)a higher z-index (1000+). __ Darn! This didn't work either! Vexing! But thanks for the suggestion. -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ 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/
[css-d] flash element covering nav dropdowns in Chrome
There's a dropdown menu until Live in the menu on this page: http://evamoon.net/ that shows properly in FF but in Chrome, the Flash slide show covers it. I think I've got my z-index layers set up properly, but I can't fix it. Any thoughts? The CSS validates. Thanks! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ 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] flash element covering nav dropdowns in Chrome
On Nov 28, 2010, at 12:55 PM, Mark Senff wrote: Isn't this one of those things where this additional parameter would fix the trick? param value=wmode name=transparent I'd be more sure if the same issue happened in Firefox as well, but give it a try I guess mS There's a dropdown menu until Live in the menu on this page: http://evamoon.net/ that shows properly in FF but in Chrome, the Flash slide show covers it. I think I've got my z-index layers set up properly, but I can't fix it. Any thoughts? The CSS validates. Thanks for the suggestion, Mark. Sadly, it doesn't help. Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 __ 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] 100% height for table
Does anyone have any idea about this? Can I truly not create a table that is 100% the height of the browser window? I've tried adding a min- height to the table too but it doesn't seem to make any difference. Help please! On Aug 27, 2010, at 10:37 AM, Jody Levinson wrote: Hello all, I'm trying to make this layout 100% the height of the browser window. It uses a table for layout. I know there are other, perhaps preferrable ways to do layouts than using a table, but I don't have the option of changing that at this point. Here's the page (one of several short pages on the site): http://www.adlergiersch.com/adler-giersch-and-you I've added this CSS, which is supposed to fix it: body { background-color: #FF; margin: 0; padding:0; border:none; height:100%; } html { margin: 0; padding:0; border:none; height:100%; } and also to the layout table CSS: .layouttable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 100%; width: 100%; padding:0px; } I've also added 'height=100% to the table html, which I know doesn't work, but I'm trying everything. I ran the CSS through a validator and it throws errors, but none that should affect the layout (mostly having to do with opacity settings on the menu) Thanks! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-686-8699 __ 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] 100% height for table
On Aug 30, 2010, at 11:19 AM, Climis, Tim wrote: Does anyone have any idea about this? Can I truly not create a table that is 100% the height of the browser window? I've tried adding a min- height to the table too but it doesn't seem to make any difference. I'm confused... What are you trying to do? You have height=100% set on your table. And your table has a height of 100%. (or so it seems. Scroll down a little bit, and notice how the background stops before the end of the table) But the you have also set your page height to 100%. Everything overflows, because you have margins, and padding, and borders, and an iframe, and also a table that's 100%. And because it overflows, there's a scroll. Notice how the center column is at the bottom of the screen. That's because the page has a 100% height. The scroll is because the left column is longer than that. If you want your 100% page to not scroll, and have everything below the bottom of the screen hidden and inaccessible (I don't know why you'd want that), you can add overflow: hidden to your body styles. ---Tim I tried setting everything I possibly could to 100% height in an attempt to find something that would work. All I wanted to do was keep the background from stopping before the bottom of the page, no matter what the height of the content. It turns out that the problem was caused by the What's New box, which was absolutely positioned. Absolutely positioned elements do not 'take up space' on a page, so they don't push down other elements. I switched the absolute positioning to margin-top and it seems to have fixed the problem. Thank you so much for taking the time to look at it. I really appreciate it! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-686-8699 __ 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/
[css-d] 100% height for table
Hello all, I'm trying to make this layout 100% the height of the browser window. It uses a table for layout. I know there are other, perhaps preferrable ways to do layouts than using a table, but I don't have the option of changing that at this point. Here's the page (one of several short pages on the site): http://www.adlergiersch.com/adler-giersch-and-you I've added this CSS, which is supposed to fix it: body { background-color: #FF; margin: 0; padding:0; border:none; height:100%; } html { margin: 0; padding:0; border:none; height:100%; } and also to the layout table CSS: .layouttable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 100%; width: 100%; padding:0px; } I've also added 'height=100% to the table html, which I know doesn't work, but I'm trying everything. I ran the CSS through a validator and it throws errors, but none that should affect the layout (mostly having to do with opacity settings on the menu) Thanks! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-686-8699 __ 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/
[css-d] Spacing problem - IE7
I have been going around with the template company on this one but have not resolved it yet. On this page: http://highroadlesstraffic.com in IE7, the positioning of two elements is off. 1. the image that contains the title of the book is too low - the author's name should appear in the blue sky area, not the white space below it. 2. the pink box is too far down the page leave a big gap. I've struggled mightily with the CSS, but haven't resolved it yet. Any suggestions? The base CSS for the site is here: http://highroadlesstraffic.com/wp-content/themes/eBook/style.css The template company also gives you a file to use to overwrite the base styles here: http://highroadlesstraffic.com/wp-content/themes/eBook/custom.css - this where I've done my edits. There are a number of other style sheets too. It's a complex WP CMS theme. http://highroadlesstraffic.com/wp-content/themes/eBook/skins/1-default.css http://highroadlesstraffic.com/wp-content/themes/eBook/library/css/reset.css http://highroadlesstraffic.com/wp-content/themes/eBook/library/css/960.css I'm not sure what these all do, but I'm not supposed to change them. Thank you SO much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-686-8699 __ 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] Returning to list and IE problem with background image css in WP
Can anyone suggest a different way to achieve this effect? I'm still not sure why it would show up ONCE on the page, but not in subsequent instances on the same page! Can a background image only be invoked one time on a page? Thanks! On Aug 13, 2010, at 1:21 PM, Jody Levinson wrote: I am working on a site which is using a purchased WP template as the site platform. This page: http://highroadlesstraffic.com/reviews/endorsements/ Uses the following CSS to create the gray quote mark image leading each section: .endorsementquote { font-style : italic; padding-left : 30px; background-color : transparent; background-image : url(http://highroadlesstraffic.com/wp-content/themes/eBook/images/endorsement-left.png ); background-repeat : no-repeat; background-attachment : scroll; background-position : 0% 0%; } -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-686-8699 __ 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/
[css-d] Returning to list and IE problem with background image css in WP
I fell off this list somehow, but have re-upped. I am working on a site which is using a purchased WP template as the site platform. This page: http://highroadlesstraffic.com/reviews/endorsements/ Uses the following CSS to create the gray quote mark image leading each section: .endorsementquote { font-style : italic; padding-left : 30px; background-color : transparent; background-image : url(http://highroadlesstraffic.com/wp-content/themes/eBook/images/endorsement-left.png ); background-repeat : no-repeat; background-attachment : scroll; background-position : 0% 0%; } The CSS validates and it works great in FF, but in IE I only see the quote the first time and not on any subsequent uses on the same page. Clue? (There are other CSS problems on the site but I am working with the template developer to resolve those) Thanks! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-686-8699 __ 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/
[css-d] Need help with wonky vertical spacing
On this site: http://www.adlergiersch.com - please note the position of the Getting Started box in the left column under the menu. On this test page: http://www.adlergiersch.com/test the box is elongated vertically. The difference between the two pages is the coding for the menu. The original site pages use outdated 'coolmenus' to style the menu and I need to update it to a more modern css menu. But for some reason, the new menu css is interfering with the box below. I've tried quite a number of things but can't get it to behave. The css for both pages is here: http://www.adlergiersch.com/agstyles.css But the css for the old coolmenus style is here: http://www.adlergiersch.com/coolmenustyle.css The only errors I'm seeing when I validate are related to the translucency on the menu. Thank you! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-686-8699 __ 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] Need help with wonky vertical spacing
On Oct 5, 2009, at 1:04 PM, Jody Levinson wrote: On this site: http://www.adlergiersch.com - please note the position of the Getting Started box in the left column under the menu. On this test page: http://www.adlergiersch.com/test the box is elongated vertically. The difference between the two pages is the coding for the menu. The original site pages use outdated 'coolmenus' to style the menu and I need to update it to a more modern css menu. But for some reason, the new menu css is interfering with the box below. I've tried quite a number of things but can't get it to behave. The css for both pages is here: http://www.adlergiersch.com/agstyles.css But the css for the old coolmenus style is here: http://www.adlergiersch.com/coolmenustyle.css The only errors I'm seeing when I validate are related to the translucency on the menu. Update: I've managed to sort of fix the problem for the moment with absolute position of the FAQ and What's New boxes, but absolute positioning causes some problems. I was hoping not to have to set the left position as it makes it impossible to get to those elements when in admin mode (it's on a CMS platform). So if there's a way I can get those boxes to stay put under the menu without absolute positioning, I'd be happy to know it. Thank you! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-686-8699 __ 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] site check please?
wow, thank you for the screen shot. I will adjust. On May 17, 2009, at 9:06 PM, David Laakso wrote: Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Jody, I do not think you can trust how anything looks in any editor's viewer-- including DW's. While someone else may bring up the issue you wrote about, I do not see it on this end in Mac FF, Mac Opera, Mac SeaMonkey, or Mac Safari. Nor in XP IE 6/7/8. As an unrelated aside, I prefer my font-size preference (default), rather than yours. And, mind that, neither Opera nor the IE browsers are capable of scaling line-height set in pixels. A raw number for line-height will suffice. Please see http://chelseacreekstudio.com/ca/cssd/eva.png (shot at 32px min-font size in Opera). Best, Samuel Langhorne Clemens, (better known by the pen name Mark Twain) -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] site check please?
Hi Chris Actually, as Bill points out, stop the presses is correct in this sense. It refers to when a late breaking important news story would come in to a newspaper after the edition was already on the printing press. They'd stop the printing presses to update. The image at the bottom is just a plain old transparent gif with a black mask. I'm not wild about how the mask shows over a light background, but no mask leaves jaggedy edges on the hands. It's a tradeoff. As for the menu titles, I know the common wisdom is to make them straightforward, but since this is a site for a comic musician and supposed to be fun I thought it would be all right to play. The pages are light and few, so it's hard to get too lost. If many people disagree, I might reconsider. Thanks! On May 17, 2009, at 10:34 PM, Chris Blake wrote: On 18/05/2009, at 12:06 PM, David Laakso wrote: Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Jody, I do not think you can trust how anything looks in any editor's viewer-- including DW's. While someone else may bring up the issue you wrote about, I do not see it on this end in Mac FF, Mac Opera, Mac SeaMonkey, or Mac Safari. Nor in XP IE 6/7/8. As an unrelated aside, I prefer my font-size preference (default), rather than yours. And, mind that, neither Opera nor the IE browsers are capable of scaling line-height set in pixels. A raw number for line-height will suffice. Please see http://chelseacreekstudio.com/ca/cssd/eva.png (shot at 32px min- font size in Opera). Best, Samuel Langhorne Clemens, (better known by the pen name Mark Twain) I agree, Don't worry what Dreamweaver makes of it. It looks fine on my Safari (Version 4 Public Beta (5528.17)). If I want to know the 'scoop' I should go to the 'Snoop' button in the menu? And 'stop the presses' is wrong, 'press' is plural. Nice use of transparency in the bottom fixed image. What technique did you use? CB __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] site check please?
On May 17, 2009, at 7:30 PM, Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Thanks everyone for your feedback. There is one page on the site that is broken in FF: http://evamoon.net/sl/index.html When I validate the HTML, it tells me there's a /div missing: # Error Line 87, Column 7: end tag for div omitted, but OMITTAG NO was specified /body You may have neglected to close an element, or perhaps you meant to self-close an element, that is, ending it with / instead of . # Info Line 42: start tag was here div id=wrapper But the page uses the exact same template as the other pages, though it's the only one that's in a subdirectory. All the code looks the same and the divs match up - I went through the template line by line and matched them up. There are some validation errors due to the iframe, but the iframe is not causing the problem. The page is broken without it and I've used the same iframe on another site page with no problem. I'm missing something! Help please! Thank you, Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/
[css-d] site check please?
Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/
[css-d] IE problem with menu
Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] IE problem with menu
I've looked at the source and it looks closed to me: ul id=resourcesForList lia href=/home/resources-for/prospectivestudentsProspective Students/a/li lia href=/home/resources-for/parentsParents/a/li lia href=/home/resources-for/alumniAlumni amp; Friends/a/li lia href=/home/resources-for/visitorsVisitors/a/li lia href=/home/resources-for/currentstudentsCurrentStudents/ a/li lia href=/home/resources-for/facultyFaculty amp; Staff/a/li /ul Are you seeing something different? On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote: Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/ styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/ __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] IE problem with menu
Thank you both. Oddly, the code I pasted below was an exact copy/paste of what I was seeing on view source, but I went in later and found the problem you were seeing. It seems fixed now. Thanks again for your help. Jody On Feb 5, 2009, at 4:28 PM, Martyn Merrett wrote: What Kamil said is correct... this is a paste of the source: ul id=resourcesForList li a href=/home/resources-for/prospectivestudentsProspective Students/a /li li a href=/home/resources-for/parentsParents/a /li [snip] You'll notice the li is not closed. FF doesn't seem to mind but IE does. ~Mx http://www.mxdx.co.uk 2009/2/6 Jody Levinson j...@troutdream.com: I've looked at the source and it looks closed to me: ul id=resourcesForList lia href=/home/resources-for/ prospectivestudentsProspective Students/a/li lia href=/home/resources-for/parentsParents/a/li lia href=/home/resources-for/alumniAlumni amp; Friends/a/li lia href=/home/resources-for/visitorsVisitors/a/li lia href=/home/resources-for/ currentstudentsCurrentStudents/ a/li lia href=/home/resources-for/facultyFaculty amp; Staff/a/li /ul Are you seeing something different? On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote: Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/ styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/ __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] spacing problem in IE
Thank you for the comments. I've been having trouble aligning the fonts in the header and I haven't been able to figure out how to make it work right. I want the phone numbers to be aligned to the bottom right of the contain they're in, but nothing I do seems to work consistently. I also know I should not combine a table for the header with the rest of the layout, but getting the pieces to stay tightly together - especially on the home page of the site which has a flash animation - has been simply beyond me. Everything I tried failed, but I know for sure that a table will keep the header pieces on the same line. I've really run way way way over budget on this job and am just trying to get it working reasonably. Thanks again, Jody On Jan 29, 2009, at 12:18 AM, Gunlaug Sørtun wrote: David Laakso wrote: http://www.atlas-inspection.com/privacy.html FWIW, for anyone following this thread-- It is not positioned correctly in XP IE 6/7 (don't know about Vista or Win/200) and Mac Safari (don't know about PC Safari or Chrome). PC Safari: mildly broken at my end - butts into 'minimum font-size'. Chrome doesn't have that option, AFAICS. All alignment lost in the header/nav section if page subjected to the slightest amount of font resizing in any and all browsers on all OSes. It's a table-constructed header followed by absolute positioned column-containers, so weaknesses and failures are as can be expected. regards Georg -- http://www.gunlaug.no __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/
[css-d] spacing problem in IE
Hi everyone, I'm having a hard time incorporating Live Person chat support on a site. The placement works for me in IE and FF on Mac and PC, but my client, also using IE on a PC, sees the layout broken. I've uploaded a screen shot of what she sees here: http://www.atlas-inspection.com/Picture%205.png I cannot reproduce this and I can't see what's causing it. The actual page is here: http://www.atlas-inspection.com/privacy.html It's hard for me to even test things since I can't see it. I took the screen shot myself, viewing her screen in Netmeeting. Changing the browser window size does not seem to affect it. This only seems to be happening on this one page where I am testing Live Help. The Live Person code is generated by their site and I'm reluctant to edit it for fear of affecting functionality. I've run the page through CSS and HTML validators. CSS has a couple of errors but nothing that seems like it should affect this area of the document. There are a LOT of HTML errors, but they are almost ALL contained in that Live Person button and some other coded buttons. Thanks so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] spacing problem in IE
I think I may have fixed it. I'll be uploading the page in a moment. Thanks anyway! Jody On Jan 28, 2009, at 2:25 PM, Jody Levinson wrote: Hi everyone, I'm having a hard time incorporating Live Person chat support on a site. The placement works for me in IE and FF on Mac and PC, but my client, also using IE on a PC, sees the layout broken. I've uploaded a screen shot of what she sees here: http://www.atlas-inspection.com/Picture%205.png I cannot reproduce this and I can't see what's causing it. The actual page is here: http://www.atlas-inspection.com/privacy.html It's hard for me to even test things since I can't see it. I took the screen shot myself, viewing her screen in Netmeeting. Changing the browser window size does not seem to affect it. This only seems to be happening on this one page where I am testing Live Help. The Live Person code is generated by their site and I'm reluctant to edit it for fear of affecting functionality. I've run the page through CSS and HTML validators. CSS has a couple of errors but nothing that seems like it should affect this area of the document. There are a LOT of HTML errors, but they are almost ALL contained in that Live Person button and some other coded buttons. Thanks so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/
[css-d] z-index problem with flash
I have a page with a flash movie that is covering up the CSS flyout navigation in IE. I've tried using z-index to move the flash down, but it's not working so far. Here is the page. Can you help? http://www.atlas-inspection.com/newsite/panoramo_video.html Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/
[css-d] pesky 3 pixels padding
I'm working on a site where every page but one seems to be laying out right, but that one is giving me fits. There's an extra 3 pixels of padding on the left of the center column. I hesitate to change it in the CSS because it's working on all the other pages and I don't seem to be able to override it on this one. These are all template pages: Here's the pesky one: http://web536.plainblack.net/interior_academic_lvl2.html Here are some other pages: http://web536.plainblack.net/interior_academic.html http://web536.plainblack.net/interior.html http://web536.plainblack.net/home http://web536.plainblack.net/audience.html Thoughts? Thanks! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/
[css-d] FF gap between head and body
Here's the page: http://pathwayalerts.com/home/pathway-test In IE (for a change) it looks right. But in FF there's a gap between the head block and the content block where the blue background shows through. The CSS green lights. Both the content and head blocks have a large background image. Ideas? Thanks and happy Thanksgiving to those of you in the US Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] tiled background in front - can I do it?
Update: Thank you all. It worked! http://biz42.inmotionhosting.com/~thefit5/index.html It doesn't work right in IE6, I know, but it doesn't break the page either. The background at the bottom just gets pushed down below the text. If there's a way to fix that, super. If not, we can live with it. Thanks again! Jody On Nov 7, 2008, at 11:53 AM, David Hucklesby wrote: On Nov 6, 2008, at 9:35 PM, Philippe Wittenbergh wrote: On Nov 7, 2008, at 2:22 PM, Jody Levinson wrote: I want a horizontally repeated background tile across the very bottom of the window only and I want it to be in front, so that text seems to scroll up from behind it. An absolute positioned, or fixed positioned, block at the bottom of the window, stretched to fill it horizontally, with a fixed height, filled with a background- image will do that for you. On Fri, 7 Nov 2008 10:33:30 -0800, Jody Levinson then asked: How about without stretching horizontally? This image needs to tile rather than stretch. I think Philippe was referring to the block element being stretched (likely a DIV just inside the BODY element). Background images cannot be re-sized in any way at the moment, but will tile automatically if you specify only the background-image URL. Note that DIVs normally stretch to fill available horizontal space -- no need to apply any special rules for that- you only need a height. It seems like you want position: fixed; - be aware this does not work in IE 6 and earlier. Cordially, David -- __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] tiled background in front - can I do it?
How about without stretching horizontally? This image needs to tile rather than stretch. Thanks! On Nov 6, 2008, at 9:35 PM, Philippe Wittenbergh wrote: On Nov 7, 2008, at 2:22 PM, Jody Levinson wrote: I want a horizontally repeated background tile across the very bottom of the window only and I want it to be in front, so that text seems to scroll up from behind it. An absolute positioned, or fixed positioned, block at the bottom of the window, stretched to fill it horizontally, with a fixed height, filled with a background-image will do that for you. Philippe --- Philippe Wittenbergh http://l-c-n.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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] tiled background in front - can I do it?
Ok, here's what I want to do. Please tell me if it's possible. I want a horizontally repeated background tile across the very bottom of the window only and I want it to be in front, so that text seems to scroll up from behind it. Yes? Thanks! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] background not staying centered in IE
Thank you so much for this. It did fix the problem, but now, on a few pages of the site, the contact link in the horizontal nav bar seems to be falling into the overflow. Is there a way to prevent this? As on this page: http://www.atlas-inspection.com/newsite/pmi_metal_alloy.html Thanks again, Jody On Oct 28, 2008, at 5:41 PM, Gunlaug Sørtun wrote: Jody Levinson wrote: [...] In IE7 it's ok if the window is wide enough, but if you draw it in, eventually the background tile shifts to the right while the content stays centered. It's worse in IE6 - the content is shifted to the left no matter what size the browser. http://www.atlas-inspection.com/newsite/fiberscope_rentals.html The addition of... #container { overflow-x: hidden; } ...will keep IE6/7 in check. Neither of them handle overflow very well without being forced to. regards Georg -- http://www.gunlaug.no -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] background not staying centered in IE
Thanks again, Georg, Is the text really unreadable and small? It's looked normal everywhere we've checked. Perhaps we should be handling that differently? Jody On Oct 31, 2008, at 2:35 PM, Gunlaug Sørtun wrote: Jody Levinson wrote: Thank you so much for this. It did fix the problem, but now, on a few pages of the site, the contact link in the horizontal nav bar seems to be falling into the overflow. Is there a way to prevent this? As on this page: http://www.atlas-inspection.com/newsite/pmi_metal_alloy.html It is all that absolute positioning that make that part end up in the vertical overflow, and various browsers treat that differently. 1; modify the fix so it's only seen by IE/win. 2: add a padding at the bottom for the contact/search to sit on - again only for IE/win. #container { *overflow-x: hidden; *padding-bottom: 150px; } ...will do. You can of course choose another way to hack those properties/values in for IE only, if you like. Aside: is the unreadable, and non-resizeable in IE, small text intentional - so no-one should have a clue what those pages are all about? No matter what; it is pretty efficient :-) 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] background not staying centered in IE
I'm using a tiled background to create full height columns and it works fine in FF. It also seem to work reasonably well in IE with a three column layout. But the inside pages of the site used a two column layout. In IE7 it's ok if the window is wide enough, but if you draw it in, eventually the background tile shifts to the right while the content stays centered. It's worse in IE6 - the content is shifted to the left no matter what size the browser. http://www.atlas-inspection.com/newsite/fiberscope_rentals.html For comparison, here's the home page: http://www.atlas-inspection.com/newsite/ Here's the main css: http://www.atlas-inspection.com/newsite/styles.css Plus two column: http://www.atlas-inspection.com/newsite/nosidebar.css and three column: http://www.atlas-inspection.com/newsite/sidebar.css Thank you in advance for your help tracking down the solution to this problem! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] flyout menus + IE6 making progress, still need help
Bob, thank you so much. Looking at your file pointed out a small omission from my HTML that was causing the problem. I think I'm just about there now. The one thing that I'm still not able to track down and it seems like it should be easy is the right padding. It should be obvious, but I can't budge it! Jody http://www.atlas-inspection.com/newsite/newnavtest.html http://www.atlas-inspection.com/newsite/test1.css On Oct 25, 2008, at 11:45 AM, Bob Meetin wrote: Jody Levinson wrote: It's not working for me 'out of the box' either. Unless I'm implementing it wrong. Do you have a sample of it working in a vertical menu to level 3 that I could look at to compare? Your page that you referred me to only goes to level 2. Thanks! Try this example. I have not worked this into the menu sampler, but I have it set up with both a horizontal and a vertical drop-down menu and added the level3 options to both. I tested it in both Firefox and IE6, also IE7 and the version of Safari installed on Windows. http://dottedi.biz/codesamples/double-menu.php -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! ned. __ 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] flyout menus + IE6 making progress, still need help
Hi, Bob, I'm going to copy to the group, since you've already been SUCH a huge help and I hate to impose. I've got the text aligned-right, but as you say, it needs a little padding on the right so that the characters are not on the border. Normally this is pretty easy to do. You experiment with adjusting padding and li widths and do a little math and with some trial and error, it all works out. I've tried everything I can think of in this and I can't create any space to the right of the text in the menu at any level. Nor can I figure out why the hover is 2-3 pixels wider than the main block on the right of the flyout levels. I've made dozens of changes and nothing I've tried moves the text on both normal and hover states without also throwing off the width of the menu and the white border at the bottom of each item. The site is here: http://www.atlas-inspection.com/newsite/ The css is here: http://www.atlas-inspection.com/newsite/styles.css Once again, thank you Bob. You were a life-saver on this. Jody On Oct 27, 2008, at 10:30 AM, Bob Meetin wrote: what do you mean by budge? with the vmenu you are intentionally doing a right align, yes? i'm guessing that you want to give some padding on the right so that characters, images are not on the border. i have not looked, but in my experiments when you start including left or right padding you have to start doing some math with the li widths, and perhaps some additional math with widths on the links themselves. maybe also math to account for borders as well. -b Jody Levinson wrote: Bob, thank you so much. Looking at your file pointed out a small omission from my HTML that was causing the problem. I think I'm just about there now. The one thing that I'm still not able to track down and it seems like it should be easy is the right padding. It should be obvious, but I can't budge it! Jody http://www.atlas-inspection.com/newsite/newnavtest.html http://www.atlas-inspection.com/newsite/test1.css On Oct 25, 2008, at 11:45 AM, Bob Meetin wrote: Jody Levinson wrote: It's not working for me 'out of the box' either. Unless I'm implementing it wrong. Do you have a sample of it working in a vertical menu to level 3 that I could look at to compare? Your page that you referred me to only goes to level 2. Thanks! Try this example. I have not worked this into the menu sampler, but I have it set up with both a horizontal and a vertical drop-down menu and added the level3 options to both. I tested it in both Firefox and IE6, also IE7 and the version of Safari installed on Windows. http://dottedi.biz/codesamples/double-menu.php __ 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] flyout menus + IE6 making progress, still need help
It's not working for me 'out of the box' either. Unless I'm implementing it wrong. Do you have a sample of it working in a vertical menu to level 3 that I could look at to compare? Your page that you referred me to only goes to level 2. Thanks! On Oct 23, 2008, at 6:54 PM, Bob Meetin wrote: I'd take a look but I have another pressing project. If the 3rd level is not working, either I don't have the CSS or HTML correct or didn't have the time with the examples. Out of the box it works. I know that I use an if_ie construct to keep some pieces synced between IE and Firefox. Undoubtedly I can retrieve the vanilla EM code if you want to take a look. It's around. And for the record, the first couple times especially I took an extraordinary amount of time to figure it out. -Bob Jody Levinson wrote: OK, so I redid the menus using the code Bob pointed me at and they are working better and look promising for IE6. I'm still having some issues that I can't quite track down. The new page is here: http://www.atlas-inspection.com/newsite/newnavtest.html And the css for the menus is here: http://www.atlas-inspection.com/newsite/test1.css In FF, in the vertical menu, the third level isn't working at all and the widths of the second level are a little screwy with the text running over the right edge. In IE6, on the horizontal menu, when you hover, the block widens enough to pop the last item to the next line. I can't track down what's doing that. In the vertical menu, the third level also isn't working, the heights of the items change on hover and the widths aren't working the same as in FF. But I feel I'm making progress! Any help on these issues is very much appreciated. Thanks, Jody On Oct 23, 2008, at 11:00 AM, Bob Meetin wrote: Jody Levinson wrote: These menus work so well in IE7 and FF, but they are completely unusable in IE6. Can anyone please help or point me toward some resources to resolve it or work around it? Thank you. http://atlas-inspection.com/newsite/ http://www.atlas-inspection.com/newsite/styles.css Thank you for any assistance! Jody I have a number of menu examples of drop-down menus based on the Eric Meyer examples from 'More Eric Meyer on CSS' on this page. They use a csshover.htc file to make it work in IE6. http://www.dottedi.biz/codesamples/ My question, what does fly-out menu actually mean? -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/ -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] flyout menus + IE6 making progress, still need help
OK, so I redid the menus using the code Bob pointed me at and they are working better and look promising for IE6. I'm still having some issues that I can't quite track down. The new page is here: http://www.atlas-inspection.com/newsite/newnavtest.html And the css for the menus is here: http://www.atlas-inspection.com/newsite/test1.css In FF, in the vertical menu, the third level isn't working at all and the widths of the second level are a little screwy with the text running over the right edge. In IE6, on the horizontal menu, when you hover, the block widens enough to pop the last item to the next line. I can't track down what's doing that. In the vertical menu, the third level also isn't working, the heights of the items change on hover and the widths aren't working the same as in FF. But I feel I'm making progress! Any help on these issues is very much appreciated. Thanks, Jody On Oct 23, 2008, at 11:00 AM, Bob Meetin wrote: Jody Levinson wrote: These menus work so well in IE7 and FF, but they are completely unusable in IE6. Can anyone please help or point me toward some resources to resolve it or work around it? Thank you. http://atlas-inspection.com/newsite/ http://www.atlas-inspection.com/newsite/styles.css Thank you for any assistance! Jody I have a number of menu examples of drop-down menus based on the Eric Meyer examples from 'More Eric Meyer on CSS' on this page. They use a csshover.htc file to make it work in IE6. http://www.dottedi.biz/codesamples/ My question, what does fly-out menu actually mean? -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] How to get flyout menus to work in IE6 please
These menus work so well in IE7 and FF, but they are completely unusable in IE6. Can anyone please help or point me toward some resources to resolve it or work around it? Thank you. http://atlas-inspection.com/newsite/ http://www.atlas-inspection.com/newsite/styles.css Thank you for any assistance! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] How to get flyout menus to work in IE6 please
On Oct 21, 2008, at 2:20 PM, Bob Meetin wrote: Jody Levinson wrote: These menus work so well in IE7 and FF, but they are completely unusable in IE6. Can anyone please help or point me toward some resources to resolve it or work around it? Thank you. http://atlas-inspection.com/newsite/ http://www.atlas-inspection.com/newsite/styles.css Thank you for any assistance! Jody I have a number of menu examples of drop-down menus based on the Eric Meyer examples from 'More Eric Meyer on CSS' on this page. They use a csshover.htc file to make it work in IE6. http://www.dottedi.biz/codesamples/ My question, what does fly-out menu actually mean? Thanks, Bob. I guess people have different terms for them. Drop-down, fly-out. You know - you mouse over the menu item and the submenu flies out to the side on vertical menus or drops down from the top on horizontal menus. Gosh, I hate to go back to the start with these menus. I was so pleased with out lean and fast they are and how well they work in IE7 and FF. I'll look at that links. Thanks again. __ 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 + shaded background. What was I thinking?
I've been tearing my hair over this one and it's my own fault for coming up with the design: http://www.ishrgroup.com/ The rounded corners and flexible width body work fine in FF. In IE 7, the flexible width works ok, but the rounded corners on the main content area refuse to line up consistently. In IE 6, they wont line up at all and the width won't flex. styles are here: http://www.ishrgroup.com/ishr-styles.css http://www.ishrgroup.com/common-styles.css The css has one tag that won't validate - Property _width doesn't exist : 700px - an attempt to set a minimum width. Thanks! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] Flyout CSS menus and [EMAIL PROTECTED] IE 6
Ok, so I got this site working in IE7 and FF. But it's an unusable mess in IE 6. I'm not even sure where to start! http://atlas-inspection.com/newsite/ http://www.atlas-inspection.com/newsite/styles.css Thank you for any assistance! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] Making hacks work
I think I need to use a hack to fix a positioning problem in IE7. When I have the horizontal nav dropdown boxes positioned right in FF, they're way off in IE and vice versa. So I just need to sub one style for another in IE to change the margins. I've looked up hacks on the internet and tried it but it's not working. Is there a beginner's guide that tells you step by step what to put where? I see suggested code, but not where it needs to go or what need to go with what to make it work. The page is here: http://www.atlas-inspection.com/newsite/template3.html Or if you have another suggestion to fix this situation other than a hack, that would be even better. Thank you for your help! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] Making hacks work
I think I need to use a hack to fix a positioning problem in IE7. When I have the horizontal nav dropdown boxes positioned right in FF, they're way off in IE and vice versa. So I just need to sub one style for another in IE to change the margins. I've looked up hacks on the internet and tried it but it's not working. Is there a beginner's guide that tells you step by step what to put where? I see suggested code, but not where it needs to go or what need to go with what to make it work. The page is here: http://www.atlas-inspection.com/newsite/template3.html Try this for IE: .nav ul {*top:25px;*left:0;} Or remove the * and use a Conditional Comment instead Thank you, but where do I put it? I'm sorry to be asking such basic questions, but don't know the whole picture. Does it go in the style sheet? the html? Where can I find a basic overview of the whole process or a good example where I can look at the code and see how it's applied? I've googled it and read some pages but I find them confusing. Thanks again, Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] Intro Layout problem
Hi, everyone, I just joined the list and am looking forward to learning lots. I've been developing websites for over 12 years but have only recently started really getting serious about CSS, so I consider myself still rather a novice. I've just added a pure-CSS flyout left nav to a page and while the menu works in both FF and IE, it pushes the main body content down to start below the first side bar instead of at the top. The previous menu code I used did not do this, but it also didn't work right in IE. The test file is here: http://www.atlas-inspection.com/newsite/template3.html The CSS for the main doc (and the old nav) is here: http://www.atlas-inspection.com/newsite/styles.css The CSS for the NEW left nav on this page is here: http://www.atlas-inspection.com/newsite/makemenu.css The old version using the menu that doesn't work right in IE but also didn't move my body content is here:http://www.atlas-inspection.com/newsite/template.html The CSS validates. The HTML does not, but that's because of the embedded flash elements. Thank you all so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] Intro Layout problem - update
Ok, so I've got the layout working (though perhaps not in the most elegant way) and I've found a pure CSS horizontal menu that is mostly working as well. Can anyone tell me how to get the horizontal menu dropdowns to appear in the same place in FF and IE? I've got it close in FF, but in IE the boxes are too far to the right and too high. http://www.atlas-inspection.com/newsite/template3.html http://www.atlas-inspection.com/newsite/styles2.css Thanks! Jody CSS: On Sep 5, 2008, at 11:34 AM, Jody Levinson wrote: I've just added a pure-CSS flyout left nav to a page and while the menu works in both FF and IE, it pushes the main body content down to start below the first side bar instead of at the top. The previous menu code I used did not do this, but it also didn't work right in IE. The test file is here: http://www.atlas-inspection.com/newsite/template3.html The CSS for the main doc (and the old nav) is here: http://www.atlas-inspection.com/newsite/styles.css The CSS for the NEW left nav on this page is here: http://www.atlas-inspection.com/newsite/makemenu.css The old version using the menu that doesn't work right in IE but also didn't move my body content is here:http://www.atlas-inspection.com/newsite/template.html The CSS validates. The HTML does not, but that's because of the embedded flash elements. -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/