Re: [css-d] IE6 and percentages
On Aug 19, 2009, at 1:37 PM, Luc wrote: (and there is a loose } in your css) Same here: no excuse. ah, that is better; now the page displays as expected in my Gecko nightly build, which has a stricter error parser. Dunno what to suggest about iExploder 6. Thing doesn't know what a containing block is, and compute the 80% width based on the closest haslayout container. Actually, scrap that, you have a little issue with this: * html #maincontainer * { position: relative; zoom:1; } /* __everything__ has pos. relative */ remove that block and only apply 'zoom' to specific elements. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ 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] help removing the tables?
Hello everyone, I threw 2 tables in to get this out to the client quickly for feedback - but I'd like to get ride of them. I was having alignment issues with the divs. does anyone have any advice that might help? http://67.20.67.77/HTN/default-old.html (It is the 2 bottom element on the right - I think I am complicating it too much) - Greg __ 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] css-d Digest, Vol 81, Issue 16
I will be away from the office for the two weeks between August, 15 2009 and August, 30 2009. If you require immediate assistance, please contact Visual Lizard at (204) 957-5520 and follow the voicemail instructions. Thank you, and I will talk to you when I return. Ross __ 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] Image Background
Hi; I saw this done somewhere but lost track of it. What I would like to do is put a resizable background image (or color) behind pics I put on a Web site, such that, for example, it ends up bordering the image 10 px all around. How do I do this? TIA, Victor __ 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] Image Background
At 8:44 AM -0500 8/19/09, Victor Subervi wrote: Hi; I saw this done somewhere but lost track of it. What I would like to do is put a resizable background image (or color) behind pics I put on a Web site, such that, for example, it ends up bordering the image 10 px all around. How do I do this? TIA, Victor Victor: You mean like a frame around a picture? Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ 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] Help with Spry drop down menu in IE 7
Hi Steven, I'm creating a Spry vertical drop down menu in Dreamweaver. It works fine in Firefox, but takes on a different form in IE 7. The submenus drop horizontally. More importantly, when the web page font size is increased, a white text box is shown behind the submenu. The more I increase the front size of the web page, the more pronounced this white text box becomes. http://www.asyousow.org/sustainability/test.shtml. This white text box behind the submenu disappears in IE 8, but the submenus still drop horizontally. Any words of wisdom? Unless you understand the underlying CSS and JS used to create the menu and can ask your question in those terms, you're probably better off using the Spry Forum: http://forums.adobe.com/community/labs/spry Hope this helps, Randy Edmunds __ 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] Safari Alignment Problems
I'm a web publisher for an online version of a magazine. Story pages are not displaying correctly in Safari. I'm not well-versed in the use of css but I can have another colleague interpret your responses for me. I have validated the html. Here are my two issues: #1 http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg BrowserCam screen shot of a Safari 2009 story page Problem: all page content is shifted far right and creates a horizontal scroll bar Link to CSS: http://dnr.wi.gov/wnrmag/css/wnrmag.css Link to Live page: http://dnr.wi.gov/wnrmag/2009/08/tanager.htm #2 http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg BrowserCam screen shot of a Safari 2005 story page Problem: horizontal navigation bar and page content are overlapping Link to CSS: http://dnr.wi.gov/wnrmag/css/story.css Link to Live page: http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm Any insight you can provide is greatly appreciated. Karen __ 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] Safari Alignment Problems
*Neither* site's HTML validates to the W3C validator. Neither site's CSS validates, either. It's good to get the validation of both taken care of first. It's amazing what can be fixed in a browser if the code validates. Theresa On Aug 19, 2009, at 9:29 AM, Ecklund, Karen - DNR wrote: I'm a web publisher for an online version of a magazine. Story pages are not displaying correctly in Safari. I'm not well-versed in the use of css but I can have another colleague interpret your responses for me. I have validated the html. Here are my two issues: #1 http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg BrowserCam screen shot of a Safari 2009 story page Problem: all page content is shifted far right and creates a horizontal scroll bar Link to CSS: http://dnr.wi.gov/wnrmag/css/wnrmag.css Link to Live page: http://dnr.wi.gov/wnrmag/2009/08/tanager.htm #2 http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg BrowserCam screen shot of a Safari 2005 story page Problem: horizontal navigation bar and page content are overlapping Link to CSS: http://dnr.wi.gov/wnrmag/css/story.css Link to Live page: http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm Any insight you can provide is greatly appreciated. Karen __ 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/
[css-d] Fwd: Image Background
Great! That works nicely. Now, I understand it's possible to do it with images...but how? How would they resize according to the size of the image around which they're framing, or be put in the background of those images? TIA, Victor On Wed, Aug 19, 2009 at 11:01 AM, Ron Zisman ronzis...@mac.com wrote: On Aug 19, 2009, at 9:44 AM, Victor Subervi wrote: Hi; I saw this done somewhere but lost track of it. What I would like to do is put a resizable background image (or color) behind pics I put on a Web site, such that, for example, it ends up bordering the image 10 px all around. How do I do this? TIA, Victor something like this? img {border:10px solid blue;} you could use (css) padding or border to create the colored background --ron __ 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/
[css-d] li's indenting
The following page has an unordered list of p's with a variety of content held within the p, including a left floated image. The li's are set to clear:both. In ie6, the page gives an odd step-wise or nested indentation effect. Any thoughts? (I'm probably missing something simple...) http://green.harvard.edu/hbs/find-your-rep Note that I've only tested this problem on Windows XP, ie6, Firefox 3.0.13 and Safari 3.2.2. Thank you, Lev -- Dost thou reckon thyself only a puny form / When within thee the universe is folded? http://reference.bahai.org/en/t/b/SVFV/svfv-6.html __ 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] Fwd: Image Background
A container would have a background image larger than the viewable area. As the content of that container increased in size, more of the bg image would show. Pad container as needed for border effect. Just a suggestion. HTH On Wed, Aug 19, 2009 at 3:03 PM, Victor Subervivictorsube...@gmail.com wrote: Great! That works nicely. Now, I understand it's possible to do it with images...but how? How would they resize according to the size of the image around which they're framing, or be put in the background of those images? TIA, Victor -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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] li's indenting
Unfortunately, I can't test this now, but did you try explicitly clearing the float in teh p, say with a br class=clear/ using: .clear{clear:both; font-size:0px; line-height:0; margin:0; padding:0;} might be behind the times with clearing, but so's IE6... HTH On Wed, Aug 19, 2009 at 3:18 PM, lev rickardslev.ricka...@gmail.com wrote: The following page has an unordered list of p's with a variety of content held within the p, including a left floated image. The li's are set to clear:both. In ie6, the page gives an odd step-wise or nested indentation effect. Any thoughts? (I'm probably missing something simple...) http://green.harvard.edu/hbs/find-your-rep -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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] Safari Alignment Problems
Thanks Theresa...I have now validated the html and the display problems are still there...any more suggestions? Thanks. Karen -Original Message- From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] Sent: Wednesday, August 19, 2009 11:38 AM To: Ecklund, Karen - DNR Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Safari Alignment Problems *Neither* site's HTML validates to the W3C validator. Neither site's CSS validates, either. It's good to get the validation of both taken care of first. It's amazing what can be fixed in a browser if the code validates. Theresa On Aug 19, 2009, at 9:29 AM, Ecklund, Karen - DNR wrote: I'm a web publisher for an online version of a magazine. Story pages are not displaying correctly in Safari. I'm not well-versed in the use of css but I can have another colleague interpret your responses for me. Here are my two issues: #1 http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg BrowserCam screen shot of a Safari 2009 story page Problem: all page content is shifted far right and creates a horizontal scroll bar Link to CSS: http://dnr.wi.gov/wnrmag/css/wnrmag.css Link to Live page: http://dnr.wi.gov/wnrmag/2009/08/tanager.htm #2 http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg BrowserCam screen shot of a Safari 2005 story page Problem: horizontal navigation bar and page content are overlapping Link to CSS: http://dnr.wi.gov/wnrmag/css/story.css Link to Live page: http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm Any insight you can provide is greatly appreciated. Karen __ 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/
Re: [css-d] Safari Alignment Problems
Ecklund, Karen - DNR wrote: I'm a web publisher for an online version of a magazine. Story pages are not displaying correctly in Safari. I'm not well-versed in the use of css but I can have another colleague interpret your responses for me. I have validated the html. Here are my two issues: #1 Link to CSS: http://dnr.wi.gov/wnrmag/css/wnrmag.css Link to Live page: http://dnr.wi.gov/wnrmag/2009/08/tanager.htm Try: table {clear: both;} __ 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] Safari Alignment Problems
On 20/08/2009, at 8:02 AM, Ecklund, Karen - DNR wrote: Thanks Theresa...I have now validated the html and the display problems are still there...any more suggestions? Thanks. Karen -Original Message- From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] Sent: Wednesday, August 19, 2009 11:38 AM To: Ecklund, Karen - DNR Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Safari Alignment Problems *Neither* site's HTML validates to the W3C validator. Neither site's CSS validates, either. It's good to get the validation of both taken care of first. It's amazing what can be fixed in a browser if the code validates. Theresa On Aug 19, 2009, at 9:29 AM, Ecklund, Karen - DNR wrote: I'm a web publisher for an online version of a magazine. Story pages are not displaying correctly in Safari. I'm not well-versed in the use of css but I can have another colleague interpret your responses for me. Here are my two issues: #1 http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg BrowserCam screen shot of a Safari 2009 story page Problem: all page content is shifted far right and creates a horizontal scroll bar Link to CSS: http://dnr.wi.gov/wnrmag/css/wnrmag.css Link to Live page: http://dnr.wi.gov/wnrmag/2009/08/tanager.htm #2 http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg BrowserCam screen shot of a Safari 2005 story page Problem: horizontal navigation bar and page content are overlapping Link to CSS: http://dnr.wi.gov/wnrmag/css/story.css Link to Live page: http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm Any insight you can provide is greatly appreciated. Karen There is no such thing as 'clear: all', it's 'clear: both'. I don't know why it wasn't picked up by the validator. Validate your CSS as well. http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fdnr.wi.gov%2Fwnrmag%2Fhtml%2Fstories%2F2005%2Fapr05%2Flight.htm Please bottom post! cheers, Tim __ 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] li's indenting
On 20/08/2009, at 7:18 AM, lev rickards wrote: The following page has an unordered list of p's with a variety of content held within the p, including a left floated image. The li's are set to clear:both. In ie6, the page gives an odd step-wise or nested indentation effect. Any thoughts? (I'm probably missing something simple...) http://green.harvard.edu/hbs/find-your-rep Give the list items 'layout'. One way is via the proprietary MS CSS 'zoom: 1' (in a conditional comment). http://www.satzansatz.de/cssd/onhavinglayout.html Cheers, Tim __ 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] Fwd: Image Background
Are you suggesting something like this? #*container* { width: 780px; font-family: Arial; font-size: 0.8em; *background*: url(../*image*s/bg*image*.jpg) repeat-y 50% 10%; border: 1px solid #e6930f; } img #*container* {*background*: url(*image*/bg*image*.jpg) repeat-y 50% 10%;} If so, what do I do about the width variable, toss it out and add a border: 10px instead? TIA, Victor On Wed, Aug 19, 2009 at 2:16 PM, Tom Livingston tom...@gmail.com wrote: A container would have a background image larger than the viewable area. As the content of that container increased in size, more of the bg image would show. Pad container as needed for border effect. Just a suggestion. HTH On Wed, Aug 19, 2009 at 3:03 PM, Victor Subervivictorsube...@gmail.com wrote: Great! That works nicely. Now, I understand it's possible to do it with images...but how? How would they resize according to the size of the image around which they're framing, or be put in the background of those images? TIA, Victor -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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] li's indenting
lev rickards wrote: The following page has an unordered list of p's with a variety of content held within the p, including a left floated image. The li's are set to clear:both. In ie6, the page gives an odd step-wise or nested indentation effect. Any thoughts? (I'm probably missing something simple...) http://green.harvard.edu/hbs/find-your-rep Note that I've only tested this problem on Windows XP, ie6, Firefox 3.0.13 and Safari 3.2.2. Thank you, Lev Both IE/6 and IE/7 exhibit the problem. *:first-child+html .content ul li {margin: 0; padding: 0;} * html .content ul li {margin: 0; padding: 0;} __ 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] Fwd: Image Background
On Aug 20, 2009, at 4:03 AM, Victor Subervi wrote: Great! That works nicely. Now, I understand it's possible to do it with images...but how? How would they resize according to the size of the image around which they're framing, or be put in the background of those images? Were you thinking of the CSS-3 border-image property? sample page http://www.css3.info/preview/border-image/ docs http://www.w3.org/TR/css3-background/#the-border-image Bear in mind that this only works in Firefox 3.5.x and Safari 3.2+/ Chrome 2. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ 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 Help - Problem with IE7 in some circumstances (on wide monitors)
Thanks much to Tim Snadden, who identified a workaround for IE7 of movind the page centering styles (margins auto with fixed width) from the body tag to a new container tag. I am now working to implement, and am glad it works. -Edward At 11:49 AM +0800 8/18/09, Edward Spodick wrote: Good morning, everyone. I have just learned that our updated website design breaks our navigation bar in MSIE7 on 22 wide monitors with 1680x1050 resolution and 96 DPI Windows settings. Several other MSIE7 configurations are not showing this problem. The page loads fine, and looks fine initially. But when the window is resized, the navbar under the banner image remains in a fixed location, instead of moving with the rest of the layout. This seems to be caused or triggered by position: relative; in the navigation.css, but without that the navbar becomes rather useless. I would greatly appreciate some help on this - hopefully some innocuous thing which would resolve the entire issue smoothly. Note that except for our home page, we do not use separate stylesheets for different browsers, nor is that an option here - so I need a solution which can be placed in the existing stylesheet(s), would fix the IE7 sometimes issue, and not break everything else. On the other hand, I no longer care if IE6 breaks. :) I just had a vision of Don Quixote charging a windmill. Specific page example: http://library.ust.hk/serv/qqq-faculty.html the drop-down navigation bar does not move when the window is resized. it uses http://library.ust.hk/css/navigation.css If you have read this far - thank you. I sort of hope someone will read partway in and realize I have missed something obvious. I remain, yours in styled pain, -Edward -- Edward F Spodick, Information Technology Manager Hong Kong University of Science Technology Library lbspo...@ust.hk tel:852-2358-6743 fax:852-2358-1043 __ 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] Doctype.com - QA site for designers
On Tue, Aug 18, 2009 at 11:42 AM, Paul Farnell p...@salted.com wrote: Hello everyone, Last week I launched a question and answer site for web designers, that I thought might interest people here: http://doctype.com When you ask a web design question, you can choose to have cross- browser screenshots generated automatically for any browser. Doctype also archives your HTML and CSS code. These two things combined should make it easier to solve people's CSS problems, I hope. Here's a good example of a question, together with its screenshots and CSS: http://doctype.com/2jZ Whilst there's certainly some overlap with css-discuss, I hope that Doctype will, in time, become a useful complement to this list. I'd be delighted to hear any feedback or suggestions you may have. I hope that some of you will join me over on Doctype! Cheers, Paul -- Paul Farnell Fix me. http://chelseacreekstudio.com/ca/cssd/doc.png __ 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/