[css-d] A little border dispute
Hi I am having problems formatting a copyright footer on my pages. A minimal page and CSS file may be seen at http://trevor.freehomepage.com/copy.html and http://trevor.freehomepage.com/test.css (sorry about the advertising). The browser is IE as my pages are delivered through an IE component inside another application. What I want is to see a single pale line above the copyright block, but the black border from a normal table appears to be trumping the colour setting I have applied to a .copyright table. The copyleft block appears as I would expect; the border: 2px solid green is applied correctly. The ordinary table border colour is not being carried through in this case. If I insert a border: none; in the .copyright table style ahead of the border-top (hoping that this will kill the black border) I still see a black top border. What is going on? Can some kind person explain what I obviously don't understand about inheritance here? Thanks Cheers Trevor Trevor Nicholls Casting the Void __ 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] A little border dispute
I am having problems formatting a copyright footer on my pages. A minimal page and CSS file may be seen at http://trevor.freehomepage.com/copy.html and http://trevor.freehomepage.com/test.css The browser is IE as my pages are delivered through an IE component inside another application. What I want is to see a single pale line above the copyright block, but the black border from a normal table appears to be trumping the colour setting I have applied to a .copyright table. The copyleft block appears as I would expect; the border: 2px solid green is applied correctly. The ordinary table border colour is not being carried through in this case. If I insert a border: none; in the .copyright table style ahead of the border-top (hoping that this will kill the black border) I still see a black top border. What is going on? Can some kind person explain what I obviously don't understand about inheritance here? --- These are the CSS rules applied to the table with the top black border: .copyright table { border-bottom:medium none; border-left:medium none; border-right:medium none; } table { border:thin solid black; border-collapse:collapse; margin-bottom:0.5em; margin-top:0.5em; } table { font-size:1em; } None of them override the black border applied by the table declaration Adding border-color:#AA; to the first declaration will solve the problem. The Firebug extension to Firefox is very useful when it comes to troubleshooting this kind of problem Mark __ 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] CSS Drop Shaow for Div techiques
ROHITKUMAR a écrit : There is a technique at http://webcharkha.blogspot.com/2007/10/these-days-when-there-are-innumerable.html , which shows drop shadows, rounded corners and fluid design in CSS without the use of javascript. I had invented the wheel again ;) Noy yet, really. I'm still needing a fix for a div for IE http://www.nortours.info/spip.php?rubrique1 Karen Davis wrote: I'm wanting to add a drop shadow around a contentWrapper div and would like to know which technique is superior. Any links to preferred tutorials would also be appreciated, as well as reasons for the recommendations. Thanks very much. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ 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] IE Mac doesn't like Georgia
On Dec 20, 2007 2:43 AM, Thierry Koblentz [EMAIL PROTECTED] wrote: It looks like in IE Mac, display:inline-block and float fail to enclose floats if Georgia is used as font-family (a couple of other fonts seem to create the same issue). http://tjkdesign.com/articles/block-formatting_context/ieMac.asp As far as I know, IE Mac has always problems when a float encloses a second float embedded within some text. Depending on the width of the external float the enclosing works or not. When you change font the width changes, and this makes to problem to appear and disappear. If you change the text zoom in the browser, there is a similar effect: at some sizes the problem is present, at other it is not (whichever the font-family.) I have an old page here [1], with the width of the external float set at 80%. When resizing the browser width, the enclosing sometimes works, sometimes doesn't. I haven't tested with inline-block, but there is probably something similar. (I never tried to study this more deeply, since a clearing br solves the problem.) Kind regards, Bruno [1] http://www.brunildo.org/test/NestFM.html -- Bruno Fassino http://www.brunildo.org/test __ 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 contain floats without structural markup
Thierry Koblentz wrote: Hi all, I'd appreciate any comment that would help me improve this article: http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context.asp The demo: http://tjkdesign.com/articles/block-formatting_context/newBFC.asp Thanks -- Regards, Thierry | http://www.TJKDesign.com Hi Thierry, I hope your not advocating the use of invalid CSS. Setting hasLayout in IE 7 .newBFC { overflow: hidden; _overflow: visible; _overflow-x:hidden; _height: 0; *min-height: 0; } The last line is not needed to set hasLayout in IE7 as overflow:hidden already does this. The universal selector and the underscore is invalid CSS. For the good browsers you can have. .newBFC {overflow: hidden;} For IE6 and earlier (hidden from IE mac) /* \*/ * html .newBFC { overflow: visible; overflow-x:hidden; height: 0; } /* */ For IE mac (hidden from other browsers) /*\*//*/ .newBFC {display: inline-block;} /* */ Having such ugly hacks keeps people aware that sooner or later they can remove these hacks from their CSS as these legacy browsers fade away. Alan http://css-class.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Kadabra collapsible menus not working in IE6
I am new to CSS. I used the code on page 78 of the CSS Cookbook for Collapsible Menus. http://www.thehealthyagingshow.com/NEW/shows.php It works well in Safari Firefox but in IE 6, the menus open but will not close again. Can anyone tell me how to get around this? Thanks, Susan McCaslin __ 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] A little border dispute
On Thu, 20 Dec 2007 13:21:03 -, Trevor Nicholls [EMAIL PROTECTED] wrote: What I want is to see a single pale line above the copyright block, but the black border from a normal table appears to be trumping the colour setting I have applied to a .copyright table. If I insert a border: none; in the .copyright table style ahead of the border-top (hoping that this will kill the black border) I still see a black top border. What is going on? Can some kind person explain what I obviously don't understand about inheritance here? Change .copyright table { border-top: 1px solid #aa; To .copyright table { border-top: 1px solid #aa; ie remove the quotes around the colour. -- Andrew Frazier http://www.kidderminsterharriers.com ICQ: 77914158 Using Opera's revolutionary e-mail client: http://www.opera.com/m2/ __ 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] Revisit our navigation layout semantic.
Firstly, I feel that the attack on David is wholly unjustified, and the general tone of the mail is unlikely to endear your views to the mindless majority (of which I appear to be one), however I do not wish to be in any way involved in a flaming war, and do have a couple of questions about your post :-) Can you clarify why exactly list items are parasites? Which browsers stumble with the selector parasites of 'div ul', or similar? Also... You say Apart from a garbling war between M and A to show off the best proprietary fit, there is a much easier and non-confrontational way to code css navigation. That method replaces OL, UL and DT with DIV. I can't see this method alluded to anywhere Could you expand on this? Cordially, James __ 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] CSS Hacks
Hi. Hacks involve CSS parsing. there are tow kind of hacks: valid hacks (which validate) and invalid hacks (which don't validate). 1. * html element Match IE6, 5. 2. *+html element Match IE7 3. element {property /**/: value} avoid IE6 to see the rule. These are valid hacks. Note that a css scanner will ignore the above constructs and mark them as error (for instance, Firefox marks them with the NS_ERROR flag). you can find more valids hacks on www.brunildo.org/test bye Gabriele 2007/12/20, Prashant Jadhav [EMAIL PROTECTED]: Hi, I am interested in knowing CSS hacks. Can anybody provide me resources for the same. Regards, PJ __ 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/ -- http://www.css-zibaldone.com/ http://mimicry.css-zibaldone.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [ADMIN - TOTALLY OUT OF ORDER] Re: Revisit our navigation layout semantic.
Recently, David Hucklesby offered us a problem with fitting list based navigation to design intentions. His article was titled, Spreading list items across total width. No he didn't. It was Niels Matthijs who asked the question about Spreading list items across total width and said that he had documented his experiences at http://www.onderhond.com/blog/work/spreading-list-items So first off, your attack is directed in the wrong place. Of course, css-d is the wrong place to send such a flametastic post to start with. Can you please explain what you were actually trying to say without the name calling and the frankly annoyingly self-righteous didactic tub thumping? If you continue posting in the manner in which you have begun (acting the cssgoat? ho ho ho), I can assure you that you will be unsubscribed without haste. Everyone else, please stay out of this thread until Mark has actually made his points politely and cogently. Alex Robinson css-d moderator __ 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] Kadabra collapsible menus not working in IE6
Susan, Which part of the page has the expanding menu? The navigation bar across the top? I see mouse over effects. Is it the list of broadcasts? If the latter, the broadcast hyperlinks do not work on IE 7 either. Could you please clarify? Thank you, Tim -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Susan McCaslin Sent: Wednesday, December 19, 2007 8:13 PM To: css-d@lists.css-discuss.org Subject: [css-d] Kadabra collapsible menus not working in IE6 I am new to CSS. I used the code on page 78 of the CSS Cookbook for Collapsible Menus. http://www.thehealthyagingshow.com/NEW/shows.php It works well in Safari Firefox but in IE 6, the menus open but will not close again. Can anyone tell me how to get around this? Thanks, Susan McCaslin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Border troubles
Hi I am having problems formatting a copyright footer on my pages. A minimal page and CSS file may be seen at http://trevor.freehomepage.com/copy.html and http://trevor.freehomepage.com/test.css (sorry about the advertising). The browser is IE as my pages are delivered through an IE component inside another application. What I want is to see a single pale line above the copyright block, but the black border from a normal table appears to be trumping the colour setting I have applied to a .copyright table. The copyleft block appears as I would expect; the border: 2px solid green is applied correctly. The ordinary table border colour is not being carried through in this case. If I insert a border: none; in the .copyright table style ahead of the border-top (hoping that this will kill the black border) I still see a black top border. What is going on? Can some kind person explain what I obviously don't understand about inheritance here? Thanks Cheers Trevor __ 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 contain floats without structural markup
I'd appreciate any comment that would help me improve this article: http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context. asp The demo: http://tjkdesign.com/articles/block-formatting_context/newBFC.asp Hi Thierry, I hope your not advocating the use of invalid CSS. Setting hasLayout in IE 7 .newBFC { overflow: hidden; _overflow: visible; _overflow-x:hidden; _height: 0; *min-height: 0; } The last line is not needed to set hasLayout in IE7 as overflow:hidden already does this. Very good catch! When I started writing this article I was using this: selector{overflow:hidden;*overflow:visible; *overflow-x:hidden;_height:0;*min-height:0;} but going from * to _ removes the need for min-height The universal selector and the underscore is invalid CSS. For the good browsers you can have. .newBFC {overflow: hidden;} For IE6 and earlier (hidden from IE mac) /* \*/ * html .newBFC { overflow: visible; overflow-x:hidden; height: 0; } /* */ For IE mac (hidden from other browsers) /*\*//*/ .newBFC {display: inline-block;} /* */ Having such ugly hacks keeps people aware that sooner or later they can remove these hacks from their CSS as these legacy browsers fade away. I used to think that way, I used to use Conditional Comment to serve just 1 or 2 rules to IE. Now I think keeping things compact - *in one place* - is the best approach (at least it is for me). The above is extra bytes and create one extra rule. I never cared for CSS validation. Thanks for the heads up :) -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to contain floats without structural markup
Thierry Koblentz wrote: I'd appreciate any comment that would help me improve this article: http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context. asp [...] Alan Gresley said (Re: http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context. asp ): The universal selector and the underscore is invalid CSS. [...] Thierry responded: I never cared for CSS validation. Speaking for myself, I care for CSS validation, in the way I care to spell check my documents. But I don't regard either check as the final arbiter of what goes into the a document. If I write about the Sheraton Centre in New York, for example, my (US) spell checker tells me that Centre is misspelled. Still, I see no need to correct the spelling since the sign on the complex spells it that way. In the same way, I don't hide proprietary CSS from the validator in order to pass validation. I don't see the point, as the document gets the invalid code anyway. Likewise, if you need to hack the dead, what's the difference between using a leading underscore and using the star html aka. Tan hack? (And since when has the universal selector been invalid?) Yes, the underscore does not validate, while the Tan hack does. So what? 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/
Re: [css-d] Revisit our navigation layout semantic.
On Thu, 20 Dec 2007 02:33:59 -0800, Mark wrote: Recently, David Hucklesby offered us a problem with fitting list based navigation to design intentions. His article was titled, Spreading list items across total width. I'm sure I didn't. 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/
Re: [css-d] (no subject)
Does anyone know why this page is not picking up the css style sheet like the javascrip is telling it to? http://www.pcg-advisors.com/new/theteam/brent.html It looks like you're not calling the correct path to the css - you're calling it at: http://www.pcg-advisors.com/new/theteam/mac_firefox.css When they are here: http://www.pcg-advisors.com/new/mac_firefox.css -- Susan R. Grossman [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Hi, The validator is reporting a number of errors in your mark-up. Go to: http://validator.w3.org/ and enter your URL to see the results of the validation test. Jim On Dec 20, 2007 1:33 PM, juliann wheeler [EMAIL PROTECTED] wrote: Does anyone know why this page is not picking up the css style sheet like the javascrip is telling it to? http://www.pcg-advisors.com/new/theteam/brent.html It is supposed to look like this one which happens to be working: http://www.pcg-advisors.com/new/index.html I can't tell why it's working with the home page and not the other one. Thanks! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (no subject)
Hi Juliann, I'm not sure why you would want to make so many different stylesheets in the first place, since you can make an almost 100% accurate stylesheet with one file to cover all browsers, but that's a different thing. Anyway... I think your css is in the wrong directory... You're using relative URLs. The css you're calling should be in www.pcg-advisors.com/new/theteam. It is in www.pcg-advisors.com/new Arno - Original Message - From: juliann wheeler [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: 20 December, 2007 11:33 PM Subject: [css-d] (no subject) Does anyone know why this page is not picking up the css style sheet like the javascrip is telling it to? http://www.pcg-advisors.com/new/theteam/brent.html It is supposed to look like this one which happens to be working: http://www.pcg-advisors.com/new/index.html I can't tell why it's working with the home page and not the other one. Thanks! _ The best games are on Xbox 360. Click here for a special offer on an Xbox 360 Console. http://www.xbox.com/en-US/hardware/wheretobuy/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Centering a div with an image
OK, this is probably really, really simple but I can't for the life of me figure out how to do it, my only excuse is that I'm no CSS expert. The effect I'm trying to achieve is a photo page. It should have a dark background color, a photo background in a lighter color with the image and caption text. What I've done is this: div id=singlephoto div id=photobackground img src=foto5/2007/2007-05-10_fritids/2007-05-10_09-46-46_549.jpg alt= width=800 height=535 / h1Någon rubrik/h1 p Här kommer nu själva beskrivningen /p /div /div My problem is how I center the photobackground div, I've played with various way of doing it but I can only figure out how to do it if I know the width of the of the photo (this is going to be used in a gallery generating program over which I have no control): singlephoto { position: absolute; left: 50%; margin-left: -410px; } So my question is: Is it possible to center the photobackground without knowing the size of the image? If so, can anyone please give me an hint on how to do it? jem -- Jan Erik Moström, www.mostrom.pp.se __ 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] A little border dispute
On Thu, 20 Dec 2007 14:26:27 + Andrew Frazier wrote: On Thu, 20 Dec 2007 13:21:03 -, Trevor Nicholls [EMAIL PROTECTED] wrote: What I want is to see a single pale line above the copyright block, but the black border from a normal table appears to be trumping the colour setting I have applied to a .copyright table. If I insert a border: none; in the .copyright table style ahead of the border-top (hoping that this will kill the black border) I still see a black top border. What is going on? Can some kind person explain what I obviously don't understand about inheritance here? Change .copyright table { border-top: 1px solid #aa; To .copyright table { border-top: 1px solid #aa; ie remove the quotes around the colour. And with a colour like that remember you can use the shorthand #aaa; -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ 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] Need footer assistance please
url - http://projects.missioninternet.com/proweb/index.php css - http://projects.missioninternet.com/proweb/css/proweb.css The page validates as HTML 4.01 strict. 1) This occurs on both IE 7 and FF - I have a curved bottom border that I want to place right after the footer text. The border graphic consists of 3 files - left curve, right curve and a straight line in between. The problem is that it does not center. I placed the html between the end of the footer pad div (has blue border for now) and the end of the footer div. The bottom border is 810px in total - 15, 780 and 15. 2) On FF the footer is at the bottom of the page while on IE there is considerable space between the footer and the bottom of the page. I want the page to end with the curved bottom border and the footer text right above it (like FF). Could someone please shed some light on these issues? I'm baffled. Thank you in advance! Tim __ 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] ie6 select and z-index bug
does anyone a somewhat simple fix for the select element that ignores z-index in ie6 and always remains on top of the stacking order? __ 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] ie6 select and z-index bug
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of sandy does anyone a somewhat simple fix for the select element that ignores z-index in ie6 and always remains on top of the stacking order? __ The first thing I would try is setting position:relative -- that makes IE6 put it in it's own stack order - I believe it has to be lower in the source for that to work most of the time, though. - Jon __ 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] Centering a div with an image
Jan Erik Moström wrote: So my question is: Is it possible to center the photobackground without knowing the size of the image? If so, can anyone please give me an hint on how to do it? Centering an element is easy enough, but the actual solution depends on whether you want to center only the image or the entire div. Block-elements - preferably non-positioned (no 'position: absolute;' used) - can be horizontally centered by declaring 'margin: 0 auto;' on the element itself. Inline-elements - that's what an image is by default - can be centered by declaring 'text-align: center;' on the container for that image. That's then often followed by declaring 'text-align: left;' on any text-carrying elements inside the same container, so only the image gets centered. If you want an exact solution for your case, then you must provide a link to a live example. We need to see what other styles and conditions it's subjected to. As an example of how you can manipulate positioning/centering of images, the following may be of some use... http://www.gunlaug.no/contents/wd_chaos_19.html 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/
Re: [css-d] Need footer assistance please
Big Moxy wrote: url - http://projects.missioninternet.com/proweb/index.php 1) This occurs on both IE 7 and FF ...and most other browsers. I have a curved bottom border that I want to place right after the footer text. The border graphic consists of 3 files - left curve, right curve and a straight line in between. The problem is that it does not center. I placed the html between the end of the footer pad div (has blue border for now) and the end of the footer div. The bottom border is 810px in total - 15, 780 and 15. Then you must give the div surrounding those bottom-borders the same width - 810px, or else the 'margin:0 auto 0 auto;' will have no effect. In addition to that, add... #bottomBorderLeft { clear: both; } ...and you'll get the intended line-up and centering. A more normal way to add borders would be to include the bottom-border parts in the main page-container - without that extra container-div, and just clear them below the footer. Then they will center along with the page without any further styling. 2) On FF the footer is at the bottom of the page while on IE there is considerable space between the footer and the bottom of the page. I want the page to end with the curved bottom border and the footer text right above it (like FF). Delete... #pageDef { height: 100%; } ...to prevent IE7 from stretching that element too far. I know that'll destroy your attempt on full window-height, but since that part is interpreted strangely by IE7 anyway I don't think much is lost. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Direction: rtl inverting an image?
This is too strange. In IE5.5, some background images that are contained in a div defined with direction:rtl are being inverted and in some cases even turned inside out. I want to know how CSS can corrupt an actual image file!?! The screen caps showing the correct and incorrect image placements are here: http://www.ddiv.com/clients/voa/final_builds_modified_110107/screencaps.htm The file without the weird images (where code works) is here: http://www.ddiv.com/clients/voa/final_builds_modified_110107/test.html And the file with the .headlineListCalloutSide text called, where the problem occurs, is here: http://www.ddiv.com/clients/voa/final_builds_modified_110107/test_problem.html WHen this piece of CSS code is called, the images break: .headlineListCalloutSide { width: 190px; float: left; margin: 10px 2px 0 0; padding: 0 0px 0 0; direction:rtl; } It makes no sense!?! Am I not seeing a typo somewhere? Anne __ 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] Direction: rtl inverting an image?
Right, well I've just figured out the fix - just don't know WHY it made the graphics behave that way. By removing margin: 10px 2px 0 0; from the code I mention below, the graphics right themselves. Anyone encountered this strange behavior before, and is there a rational explanation for it? Anne - Original Message - From: Anne E. Shroeder [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Thursday, December 20, 2007 7:29 PM Subject: [css-d] Direction: rtl inverting an image? This is too strange. In IE5.5, some background images that are contained in a div defined with direction:rtl are being inverted and in some cases even turned inside out. I want to know how CSS can corrupt an actual image file!?! The screen caps showing the correct and incorrect image placements are here: http://www.ddiv.com/clients/voa/final_builds_modified_110107/screencaps.htm The file without the weird images (where code works) is here: http://www.ddiv.com/clients/voa/final_builds_modified_110107/test.html And the file with the .headlineListCalloutSide text called, where the problem occurs, is here: http://www.ddiv.com/clients/voa/final_builds_modified_110107/test_problem.html WHen this piece of CSS code is called, the images break: .headlineListCalloutSide { width: 190px; float: left; margin: 10px 2px 0 0; padding: 0 0px 0 0; direction:rtl; } It makes no sense!?! Am I not seeing a typo somewhere? Anne __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Picture flopping out of div box
Please take a look at this: http://3mb.mojotools.com/pub/services/services.html This layout has a liquid center. As I expand the view port, the box created by the div shrinks up past the image. I'm not really sure what needs doing to remedy this problem. Any help would be appreciated. Bob Bob Cohen Principal, MojoTools Web Design Blues Harmonica Lessons W: www.mojotools.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Direction: rtl inverting an image?
From: Anne E. Shroeder [EMAIL PROTECTED] Right, well I've just figured out the fix - just don't know WHY it made the graphics behave that way. By removing margin: 10px 2px 0 0; from the code I mention below, the graphics right themselves. Anyone encountered this strange behavior before, and is there a rational explanation for it? http://www.ddiv.com/clients/voa/final_builds_modified_110107/screencaps.htm Simply based on your screen shots alone, I'd say that the images weren't being turned inside out, but were instead positioned differently, and repeating. Since the area they were to display in was so small, you got the repeat in the middle of the image in that browser, and thus saw the end of one repetition and the beginning of the next, which made them look rather odd. Just a guess, though. ~holly __ 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] Picture flopping out of div box
On Dec 21, 2007, at 12:11 PM, Bob Cohen wrote: http://3mb.mojotools.com/pub/services/services.html This layout has a liquid center. As I expand the view port, the box created by the div shrinks up past the image. I'm not really sure what needs doing to remedy this problem. Any help would be appreciated. The image is floated. When the parent box is large, the height of the non-floated content is smaller than the height of the image, and the parent box does not expand to contain the image. That is the normal behaviour, given that floated elements are taken out of the flow. You'll need to read up on the subject of 'containing' floats. This page [1] on the CSS-discuss wiki is a start; your favourite search engine has more [1] http://css-discuss.incutio.com/?page=ClearingSpace Philippe --- Philippe Wittenbergh http://emps.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/
[css-d] IE Windows is playing tricks on me!
I'm having problems with IE Win rendering my page. Can anyone offer me a clue??? The whole content section gets bumped below the menu, so i tried adding a style sheet for IE and added: #content {margin-left: 0;} that brought it up to where it's supposed to be except It looks like the #content area is about 10px to the left. Any help would be greatly appreciated! http://www.touchmassageboutique.com/ http://www.touchmassageboutique.com/touchv2.css -- Patrick Mattison p: 310.804.6115 www.liquidscience.net __ 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/