Re: [css-d] CLICK ON THUMBNAIL TO SHOW LARGER IMAGE ON THE SIDE
Thanks much Luc. This is not exactly it for now but am sure your solution here should surely help me much next time. Thanks again. On 6/13/07, Luc [EMAIL PROTECTED] wrote: Good afternoon ochieng', It was foretold that on 13/6/2007 @ 10:48:52 GMT+0300 (which was 04:48:52 where I live) ochieng' nelson would write: snipped a bit I should like to create a gallery show where you click on the thumbnail to show larger image on the side, using css. Any help towards that? I've done something like that a long time ago, but it uses on hover instead of clicking. http://www.dzinelabs.com/Pages/template_magenta.php http://www.dzinelabs.com/Stylesheets/magenta.css You're welcome to check it out but unfortunately i can't remember very well how i did it (been out of the css scene for a long time) -- Best regards, Luc _ Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. When you argue with a fool, chances are he is doing just the same. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with floating images in Firefox
Hi Audra It's really strange. All day yesterday the problem existed but today it's gone away - even though I didn't make any changes!! Thanks for taking a look anyhow. Ian - Original Message - From: Audra Coldiron [EMAIL PROTECTED] To: Ian Geddes [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Wednesday, June 13, 2007 1:53 PM Subject: Re: [css-d] Problems with floating images in Firefox Ian Geddes wrote: Hi The webpage is www.2geewebdesign.co.uk/kingston.html and CSS is www.2geewebdesign.co.uk/stylesheets/main-style.css The images on this page are either floated to the left or right using the class .goLeft or .goRight. The text is supposed to line up with the top of the image. However in some cases the text is aligned lower down and in the case of the Pictorial Memo Calendars section the text actually sits underneath the floated image. In IE6 and IE7 the layout is as expected. Any help in solving this would be much appreciated Hi Ian. It looks the same to me here on IE6 and FF2. Did you already fix this? AC -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] overflow styling
HI I'm currently using a div with overflow:auto; that displays a scrollbar when the text gets too large, does anyone know if it is possible to style the scrollbar appearance to blend into the site design? not the browser scrollbars but the ones in the div overflow. thanks -- Regards Terry O'Leary Senior Web Developer @ Design Portfolio Marketing Services ~ Online Communities - www.unofficialfan.com ~Online dating community ? www.d8-m8.com ~ Widen your music www.hayseeddixies.com :: www.lil-chris.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] A few IE problems
On this page http://www.geekministry.com/index.php I've a few problems with various versions of IE. In IE7 the nav bar is being pushed down about 5px and I just can't figure out why. The same thing apply to IE6 and also a gap between the navbar and the midwrapper compared to FF2, Opera and Safari for win. I know Safari for Win is a beta but is there a fix for the headings not being displayed? Any suggestions? Thanks a lot. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Valid method for image as hyperlink
What's the approved method for using an image (logo.jpeg) as a hyperlink to another site in a new window? Thanks. _ The next generation of Hotmail is here! http://www.newhotmail.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] z-index bug with relatively positioned elements (IE7)
Hi all, I am currently struggling to find a workaround for the above mentioned bug (also discussed here: http://www.quirksmode.org/ bugreports/archives/2006/01/Explorer_z_index_bug.html). Essentially this problem stems from the use of the jQuery datepicker module (http://kelvinluck.com/assets/jquery/datePicker/), which generates its own markup for a calendar that appears when you click a button. In the page where I'm using this, the calendar appears behind all other page elements (including form controls) in Internet Explorer 7. The relevant CSS used to control this markup looks like this: div.popup-calendar-wrapper { position: relative; } div.popup-calendar { display: none; position: absolute; z-index: 2; top: 0; left: 0; /* value for IE */ padding: 4px; overflow:hidden; width: 180px; } It seems obvious this set of styles corresponds to the reported bug above, but the solution in the comments (to use javascript to reset the z-index) doesn't work for me (I even query the z-index property value after setting it and get the correct assigned value, but the calendar still appears obscured). Does anybody else know of a workaround for this bug that doesn't require substantial changes to the markup / CSS? As this is a third-party tool, we're keen not to have to take on a maintenance overhead for using it (we'd much rather just use something else, or write our own, but neither of these is attractive options either). Any suggestions welcomed! ~B __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SELECT menu is expanding my DIV in IE6
Audra, Thanks for the response but I'm afraid your suggestion did not work. It seems that IE6 puts a lot of space underneath a select menu, whether you want it or not. I stripped out all of the enclosing code, and in fact simply put the form element inside a table cell, and it still pushes the bottom of the container down. Jack Albright On Jun 13, 2007, at 6:08 PM, Audra Coldiron wrote: Jack Albright wrote: I'm making a site with a horizontal navigation menu, which is contained in a DIV that also contains a SELECT dropdown menu. The menu bar looks ok in all browsers that I've tested so far (Safari, Firefox, IE7/Win) except IE6 / Win. The problem: IE6 causes the height of the menu bar to expand about 10px. Is there a known problem with IE6 form elements that cause a DIV's vertical size to expand beyond what is expected? Is the form element inheriting a margin property from an ancestor ? Hi Jack. Without actually seeing the site, I'd say try either removing the padding on the form or if you've already done that try adding overflow: hidden to your containing div. IE6 will incorrectly auto-expand a box if the content goes past the specified height whereas the other browsers stay put. AC -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! Jack Albright [EMAIL PROTECTED] 302-475-9880 x11 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] absolutely positioned divs seem to have wrong topposition in IE 7 (or IE 6)
Thanks very much, Jim. Forcing the parent element of those DIVs (its simply the body) to have hasLayout didn't change anything. Best regards, Christian Kirchhoff Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza -Ursprüngliche Nachricht- Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von James Gadrow Gesendet: Mittwoch, 13. Juni 2007 15:32 An: [EMAIL PROTECTED] Cc: CSS Mailing List Betreff: Re: [css-d] absolutely positioned divs seem to have wrong topposition in IE 7 (or IE 6) Christian Kirchhoff wrote: Hallo, Please take a look at the following page: http://www.digitale-bibliothek.de/Downloads/CSS-Test/blog.htm The left column div (with the menu) and the right one (with the google ads) are positioned absolutely, with em values. In Firefox (or Opera) the top position of those divs is as I want it to be. In IE 7 or IE 6 (not tested in older versions of IE) they are positioned to high. This could lead to the opinion that IE is taking another font size as a reference, thus using a different em value and computing a different top coordinate. BUT: If I set the left position of the left div to 1em (instead of 0em), the new left positions in Firefox and IE are the same. AND: If I set the top coordinate of those divs to 0em, then only in IE the divs really touch the upper border of the browsers client area. In Firefox there is still a gap between the top border of the client area and the top of the divs. So my guess is that the top coordinate of the origin (the root point) that is used for the calculation of the position of those divs is different in IE. And just from intuition I would even say that IE computes the correct position. But maybe this is an issue of the mode (strict, loose) or something else... Does anyone have a better experience with this than I have, and see what is going wrong here, and in which browser? Regards, Christian Kirchhoff Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ A couple quick thoughts. This sounds like a hasLayout problem so try setting the absolutely positioned element's parent to zoom: 1; (invalid CSS, but I use it to test for hasLayout as it doesn't affect other browsers). Also, if you're using a zero unit (0em) you can write that as just 0 (which is standard coding practice and it saves a few bytes of data each time you do it, thus increasing the speed at which your page loads). -- Thanks, Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] positioning and navigation problem
I gave the logo a z-index of 100 and the content (the white part) a z-index of 1. I think it is an IE problem because it looks correct in Firefox. Thank you for the suggestion, Jennifer Would that be a z-index issue? Keith D. I am having a problem with the star logo showing up under the white text area and the navigation no longer works - but only in IE. It looks correct in Firefox. I am unsure about any of the other browsers. You can see the page here http://www.wacochildrenstheatre.com/index2.htm I am still working on it, so the styles are on the page. Thanks, Jennifer Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news, photos more. http://mobile.yahoo.com/go?refer=1GNXIC __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Be a PS3 game guru. Get your game face on with the latest PS3 news and previews at Yahoo! Games. http://videogames.yahoo.com/platform?platform=120121 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] absolutely positioned divs seem to have wrong topposition in IE 7 (or IE 6)
P.S.: The body was set to {position: relative}. After I deleted that, the positioning in Firefox became the same that in IE... Though I don't understand why {position: relative} attached to the body element lets absolutely positioned child elemnts shift down a little in Firefox, I am glad that now I can keep working with a single CSS instead of extra CSS files for Internet Explorer. Best regards, Christian Kirchhoff Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza -Ursprüngliche Nachricht- Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von James Gadrow Gesendet: Mittwoch, 13. Juni 2007 15:32 An: [EMAIL PROTECTED] Cc: CSS Mailing List Betreff: Re: [css-d] absolutely positioned divs seem to have wrong topposition in IE 7 (or IE 6) Christian Kirchhoff wrote: Hallo, Please take a look at the following page: http://www.digitale-bibliothek.de/Downloads/CSS-Test/blog.htm The left column div (with the menu) and the right one (with the google ads) are positioned absolutely, with em values. In Firefox (or Opera) the top position of those divs is as I want it to be. In IE 7 or IE 6 (not tested in older versions of IE) they are positioned to high. This could lead to the opinion that IE is taking another font size as a reference, thus using a different em value and computing a different top coordinate. BUT: If I set the left position of the left div to 1em (instead of 0em), the new left positions in Firefox and IE are the same. AND: If I set the top coordinate of those divs to 0em, then only in IE the divs really touch the upper border of the browsers client area. In Firefox there is still a gap between the top border of the client area and the top of the divs. So my guess is that the top coordinate of the origin (the root point) that is used for the calculation of the position of those divs is different in IE. And just from intuition I would even say that IE computes the correct position. But maybe this is an issue of the mode (strict, loose) or something else... Does anyone have a better experience with this than I have, and see what is going wrong here, and in which browser? Regards, Christian Kirchhoff Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ A couple quick thoughts. This sounds like a hasLayout problem so try setting the absolutely positioned element's parent to zoom: 1; (invalid CSS, but I use it to test for hasLayout as it doesn't affect other browsers). Also, if you're using a zero unit (0em) you can write that as just 0 (which is standard coding practice and it saves a few bytes of data each time you do it, thus increasing the speed at which your page loads). -- Thanks, Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Urgent please Hyperlink help
Hi , I'm trying to use a logo as a link to another site opening in a new window. I've searched and tried several solutions and A) They're not working and B) I'm not sure either method will validate. Can anyone please advise best method to ahcieve this. Yours gratefully, Jo. _ Txt a lot? Get Messenger FREE on your mobile. https://livemessenger.mobile.uk.msn.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SELECT menu is expanding my DIV in IE6
Jack Albright wrote: Audra, Thanks for the response but I'm afraid your suggestion did not work. It seems that IE6 puts a lot of space underneath a select menu, whether you want it or not. I stripped out all of the enclosing code, and in fact simply put the form element inside a table cell, and it still pushes the bottom of the container down. Can you point us to a URL? Without a URL is kind of like a doctor trying to diagnose an illness over the phone :-) AC -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] z-index bug with relatively positioned elements (IE7)
Ben Darlow wrote: Hi all, I am currently struggling to find a workaround for the above mentioned bug (also discussed here: http://www.quirksmode.org/ bugreports/archives/2006/01/Explorer_z_index_bug.html). Essentially this problem stems from the use of the jQuery datepicker module (http://kelvinluck.com/assets/jquery/datePicker/), which generates its own markup for a calendar that appears when you click a button. In the page where I'm using this, the calendar appears behind all other page elements (including form controls) in Internet Explorer 7. The relevant CSS used to control this markup looks like this: div.popup-calendar-wrapper { position: relative; } div.popup-calendar { display: none; position: absolute; z-index: 2; top: 0; left: 0; /* value for IE */ padding: 4px; overflow:hidden; width: 180px; } Can we see your page actually showing the bug, alternatively, could you please upload a testcase that shows the bug? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 vs FF Question
This test page: http://www.gfarnsworth.com/TEST/Test4.htm appears very different in the two browsers. The look I want is what I see in Firefox and Netscape. Why is IE different? How can I fix it? George __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Urgent please Hyperlink help
Hallo, I would like to help you but what I don't understand right now is why CSS is the problem here. Which methods/solutions did you test that didn't work out? Isn't a href=... target=_blankimg src=...//a sufficient? Best regards, Christian Kirchhoff Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza -Ursprüngliche Nachricht- Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von jo soap Gesendet: Donnerstag, 14. Juni 2007 16:07 An: css-d@lists.css-discuss.org Betreff: [css-d] Urgent please Hyperlink help Hi , I'm trying to use a logo as a link to another site opening in a new window. I've searched and tried several solutions and A) They're not working and B) I'm not sure either method will validate. Can anyone please advise best method to ahcieve this. Yours gratefully, Jo. _ Txt a lot? Get Messenger FREE on your mobile. https://livemessenger.mobile.uk.msn.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Urgent please Hyperlink help
jo soap wrote: Hi , I'm trying to use a logo as a link to another site opening in a new window. I've searched and tried several solutions and A) They're not working and B) I'm not sure either method will validate. Can anyone please advise best method to ahcieve this. Yours gratefully, Jo. _ Txt a lot? Get Messenger FREE on your mobile. https://livemessenger.mobile.uk.msn.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Although the WACG specifies that you're not supposed to be opening new windows, here's the way to do it that will leave your code valid: http://www.sitepoint.com/article/standards-compliant-world -- Thanks, Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] positioning and navigation problem
I have the logo set at z-index 100 and the content (the white part) set at 1. It show up correct in Firefox, so I don't believe that is the problem. It seems to be an IE problem. Thanks, Jennifer Would that be a z-index issue? Keith D. I am having a problem with the star logo showing up under the white text area and the navigation no longer works - but only in IE. It looks correct in Firefox. I am unsure about any of the other browsers. You can see the page here http://www.wacochildrenstheatre.com/index2.htm I am still working on it, so the styles are on the page. Thanks, Jennifer Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news, photos more. http://mobile.yahoo.com/go?refer=1GNXIC __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Moody friends. Drama queens. Your life? Nope! - their life, your story. Play Sims Stories at Yahoo! Games. http://sims.yahoo.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 vs FF Question
This test page: http://www.gfarnsworth.com/TEST/Test4.htm appears very different in the two browsers. The look I want is what I see in Firefox and Netscape. The reason for this is due to a transitional doctype. If you set it to a strict doctype they will look very similar. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 vs FF Question
This test page: http://www.gfarnsworth.com/TEST/Test4.htm appears very different in the two browsers. The look I want is what I see in Firefox and Netscape. I forgot to mention though that that won't fix it for older versions of IE as the position:fixed property isn't supported by them. It's only supported in the strict mode of IE 7. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 vs FF Question
THANK YOU! [EMAIL PROTECTED] wrote: This test page: http://www.gfarnsworth.com/TEST/Test4.htm appears very different in the two browsers. The look I want is what I see in Firefox and Netscape. The reason for this is due to a transitional doctype. If you set it to a strict doctype they will look very similar. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 vs FF Question
To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] IE7 vs FF Question THANK YOU! [EMAIL PROTECTED] wrote: This test page: http://www.gfarnsworth.com/TEST/Test4.htm appears very different in the two browsers. The look I want is what I see in Firefox and Netscape. The reason for this is due to a transitional doctype. If you set it to a strict doctype they will look very similar. Not true. If the Doctype is converted to 1.0 xhtml transitional it works fine too. Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.472 / Virus Database: 269.8.15/848 - Release Date: 13/06/2007 12:50 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CLICK ON THUMBNAIL TO SHOW LARGER IMAGE ON THE SIDE
Good afternoon ochieng', It was foretold that on 14/6/2007 @ 12:34:35 GMT+0300 (which was 06:34:35 where I live) ochieng' nelson would write: snipped a bit Thanks much Luc. This is not exactly it for now but am sure your solution here should surely help me much next time. You're welcome :-) -- Best regards, Luc _ Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Drive carefully. It's not only cars that can be recalled by their maker. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Framesworks
Hello, I've been reading the article in ALA about CSS Frameworks, and I was wondering if there is any consensus in the group about abstracting style sheets into multiple files. We haven't done that yet, although it seems like a good idea (and an upcoming project would benefit from it). Is this a common practice? How serious a drawback is the multiplication of HTTP requests? Thanks, John John Gribben Pedrera, Inc. [EMAIL PROTECTED] http://www.pedrera.com http://www.pedrera.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Framesworks
Not a serious HTTP issue as the stylesheets will be cached once downloaded. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Page jumping horizontally in Non-IE browsers
Hello list, I have a page (temporarily) at http://scidept.dyndns.org/~bjclark/mojack/facts.html Compared to the other pages in the site, it seems to be jumping 8px horizontally to the right. This is only occurring in non-IE browsers. It has the exact same centering code as all the other pages in the site (div#wrapper with margin: 0 auto;). I can't figure out for the life of me what would cause this. Anyone have any ideas? Thanks, BJ Clark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] two questions, including one _major_ problem with IE
Hi CSS gurus, These aren't the only problems on the site, as you will see, but there's a strange problem with the IE's that doesn't show up in other browsers. In this site, the dots in the unordered list are showing up at the bottom line rather than the top lines. This is happening in all versions. Here's the url: http://www.pierceartanddesign.com/testfiles/ Also, a quickie question, I'm including conditional comments like this (leaving out the punctuation, arrows etc. so it will actually show up) if IE6 style type=text/css div {width:10em;height:100%;} style [endif] Do they go up in the CSS styles area, or down into the HTML section after the body? Dumb question, but I'm trying to learn. TTIA ;-Dave __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Footer Link Bar Disappears Reappears
I'm having some trouble with a disappearing footer link bar. If you look at our site www.coastalpet.com in IE 6 and scroll down to the bottom, it may be there or it may not. If it is, refresh the browser a couple times and try scrolling up and down the page. Eventually it won't be there. Once it is gone, you can roll over one of the links and it comes back up. We've kind of narrowed down the problem in the css (www.coastalpet.com/blu.css). Around line 79 the #container starts. When you delete position: relative; and keep !important, the problem seems to be fixed. But, if you remove !important, it doesn't work. We also noticed that you can put !important on any of the declarations under #container. It doesn't have to be on the padding line. I would GREATLY appreciate any feedback! Thanks, Jason Peterman Webmaster Assistant Coastal Pet Products www.coastalpet.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Relationship between styles settings and stylesheets
Hi, all... That title is a little confusing, I know. What I would like to know is the relationship (perhaps hierarchy is better) between styles on a page or between a main stylesheet and a stylesheet, say, for just IE and one for the rest. What's the best way to set up say, a style for a fieldset? Would it be to have a css line for all browsers, fieldset { blah, blah, blah } followed by a conditional statement, if lte IE 7 ? I was doing some reading that suggested using various separate stylesheets for browsers. Is that considered best practice? Having an IE stylesheet and one for the other browsers or is it better just to use conditional statements? And while we're on the subject of conditional statements, how do you write an if / else statement and not just an if statement for css? I've seen plenty of if lte IE 7 statements, but not one that would use a style for IE if the browser is IE, *else* style for the other browsers. That would seem easiest to use... (pseudo code) if this browser is lte IE 7, then style this way, *else* style another way. Thoughts? Suggestions? Thanks, Rick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Automatic Scaling
Hi Is it possible - or how can I allow for automatic page scaling? I have a module which will appear on one page (info is fed from a database.) The width of the module can very, so the page needs to be able to scale to different widths. current (table) site page - if you click on 'full week the page expands to fit the content http://www.kcsm.org/tv.html The page on the new (tableless) site isn't expanding. http://www.kcsm.tv/tv/index.php All the layout css is in em's. http://www.kcsm.tv/styles/global.css Is it possible to make the width scaling happen? Should it be put in a table? Thanx Juanita __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 vs FF Question
To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] IE7 vs FF Question THANK YOU! [EMAIL PROTECTED] wrote: This test page: http://www.gfarnsworth.com/TEST/Test4.htm appears very different in the two browsers. The look I want is what I see in Firefox and Netscape. The reason for this is due to a transitional doctype. If you set it to a strict doctype they will look very similar. Not true. If the Doctype is converted to 1.0 xhtml transitional it works fine too. Of course, none of these work in IE6 ;-{ Ian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Framesworks
On 6/14/07, Dave Goodchild [EMAIL PROTECTED] wrote: Not a serious HTTP issue as the stylesheets will be cached once downloaded. Also, if you're very concerned about minimizing requests, you can always create a script that concatenates your development files into one large file which is then included by the website. Just because its broken up in the development environment doesn't mean it has to be served up that way. Brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Page jumping horizontally in Non-IE browsers
From: BJ Clark [EMAIL PROTECTED] Subject: [css-d] Page jumping horizontally in Non-IE browsers I have a page (temporarily) at http://scidept.dyndns.org/~bjclark/mojack/facts.html -- Hi Clark, Pay attention to the vertical scrollbar. IE makes room for that scroolbar even though there is no need for it. Have a look in Home Page and notice that: IE= there is room for the scrollbar at the right hand of the viewport. Compliant browser = Room isn't there! Now look at Registration Page. The scrollbar is present in both, IE and good browsers. So, you see the related 'jump' . You can force the scroolbar where it isn't needed in setting the following CSS rule: html { height: 100%; margin-bottom: 1px; } Regards, Maurício Samy Silva http://www.maujor.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Relationship between styles settings and stylesheets
From: Rick Faircloth [EMAIL PROTECTED] Subject: [css-d] Relationship between styles settings and stylesheets What I would like to know is the relationship (perhaps hierarchy is better) between styles on a page or between a main stylesheet and a stylesheet, say, for just IE and one for the rest. .. I was doing some reading that suggested using various separate stylesheets for browsers. Is that considered best practice? Having an IE stylesheet and one for the other browsers or is it better just to use conditional statements? - Hi Rick, The best practice is to avoid 'hacks', but if you cannot avoid, a good choice is to serve a completely separate Style Sheet for IE via conditional comments. Something like: link rel=stylesheet blah blah href=styles/main.css / !--[if lt IE 7] link rel=stylesheet blah blah href=styles/ie-hack.css / ![endif]--Regards, Maurício Samy Silva http://www.maujor.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] help with tiny phark image replacement problem
i'm having a tiny issue with phark image replacement in IE5 for the mac and IE 5 for the pc (ie 5.5 is fine). My logo, which is a negative text indented background image for the h1 doesn't show up in these older browsers. any ideas? thanks so much!!! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Oops! help with tiny phark image replacement problem
my url is http://kristinlong.com/tuttobene/ ;-) i'm having a tiny issue with phark image replacement in IE5 for the mac and IE 5 for the pc (ie 5.5 is fine). My logo, which is a negative text indented background image for the h1 doesn't show up in these older browsers. any ideas? thanks so much!!! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Framesworks
On Thu, 14 Jun 2007 12:14:18 -0400, John Gribben wrote: Hello, I've been reading the article in ALA about CSS Frameworks, and I was wondering if there is any consensus in the group about abstracting style sheets into multiple files. We haven't done that yet, although it seems like a good idea (and an upcoming project would benefit from it). Is this a common practice? How serious a drawback is the multiplication of HTTP requests? Interesting. Just as I had decided to consolidate all styles into one style sheet, including an @media print section. Instead of dividing into different files, iincluding IE-only styles, I am writing a single file that's divided into sections: layout; fonts and colors; links etc. For the IE-special stuff I have an extra DIV id=for-IE that is inside a conditional [if IE] comment. This is experimental. As I have just switched to a CMS (Textpattern) this works well so far. Your mileage may vary. The art of design is all about compromise, after all. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Automatic Scaling
On Thu, 14 Jun 2007 12:59:11 -0700, Juanita wrote: Hi Is it possible - or how can I allow for automatic page scaling? I have a module which will appear on one page (info is fed from a database.) The width of the module can very, so the page needs to be able to scale to different widths. current (table) site page - if you click on 'full week the page expands to fit the content http://www.kcsm.org/tv.html The page on the new (tableless) site isn't expanding. http://www.kcsm.tv/tv/index.php All the layout css is in em's. http://www.kcsm.tv/styles/global.css Is it possible to make the width scaling happen? Should it be put in a table? Hi Juanita, Sadly, I can't reach your new page at the moment. But I'd say that the schedule looks very much like a table: columns of dates and rows of times. I think that would expand much like the current page does, just putting the table in a width-less DIV should do it. If this does not work quite right with your layout, try floating the enclosing DIV, and/or using the property display: table; on it (for modern browsers) and a hasLayout trigger[1] for IE. [1] http://www.satzansatz.de/cssd/onhavinglayout.html Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Relationship between styles settings and stylesheets
Thanks, Mauricio! Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mauricio Samy Silva Sent: Thursday, June 14, 2007 7:02 PM To: Rick Faircloth; css-d@lists.css-discuss.org Subject: Re: [css-d] Relationship between styles settings and stylesheets From: Rick Faircloth [EMAIL PROTECTED] Subject: [css-d] Relationship between styles settings and stylesheets What I would like to know is the relationship (perhaps hierarchy is better) between styles on a page or between a main stylesheet and a stylesheet, say, for just IE and one for the rest. .. I was doing some reading that suggested using various separate stylesheets for browsers. Is that considered best practice? Having an IE stylesheet and one for the other browsers or is it better just to use conditional statements? - Hi Rick, The best practice is to avoid 'hacks', but if you cannot avoid, a good choice is to serve a completely separate Style Sheet for IE via conditional comments. Something like: link rel=stylesheet blah blah href=styles/main.css / !--[if lt IE 7] link rel=stylesheet blah blah href=styles/ie-hack.css / ![endif]--Regards, Maurício Samy Silva http://www.maujor.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help on centering. Urgent please.
Good evening list, After a lot of struggling i finally got a lay-out that does what i want on resizing the viewport: everything stays put and the floats stay put. In the good browsers that is. IE6 still drops the floats!!! The problem i now encounter is a centring problem: between the nav on the left side and the pic on the right side, i have a div called rounder. At the moment it is positioned to far to the right. How can i put in the centre of the remaining space? What ever i seem to alter (margins, padding, float, width...) seems to mess up the fact that the floats have to stay in place. http://www.dzinelabs.com/projects/MP/Pages/dzinelayout.html Css embedded. Hopefully somebody can help me out on this!! Maybe the solution also cures the IE6 problem of the dropping floats. TIA -- Best regards, Luc Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Will the information superhighway have any rest stops? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Picture Problem IE6 not showing up
My top pictures are not showing up. They are done in layers with css Parts of code that might be causing the problem Thanks, Carol body { margin : 0; padding : 0; font-family : Verdana, Arial, Helvetica, sans-serif; background-color : #E7DFCE; } #wrapper { position : relative; text-align: left; width : 780px; margin-right : auto; margin-left : auto; padding : 122px 0 0; background-color : #ff; } /*box hack */ html #wrapper { width: 780px; w\idth: 782px; } /**/ #toppic { position:absolute; top:0px; left:0px; border:5px solid #FFF; width:780px; padding:0; background-color:#FFF; } #header {position: absolute; top: 0px; left: 0px; width: 780px; height: 135px; visibility: visible; display: block; } #FairfieldCountyOhio { position: absolute; z-index: 1; top: 0px; left: 0px; width: 780px; height: 110px; visibility: visible; display: block; } #Layer6 { position: absolute; z-index: 2; top: 4px; left: 0px; width: 189px; height: 106px; visibility: visible; display: block; } #Layer7 {position: absolute; z-index: 3; top:85px; left: 120px; width:350px; font-family: arial; font-size: 14px; color: #8F8CC3; visibility: visible; display: block; } #Layer8 { position: absolute; z-index: 5; top: 83px; left: 430px; width: 400px; font-size: 24px; font-family: arial; font-weight: bold; color: #8F8CC3; visibility: visible; display: block } #Layer9{ position: absolute; z-index: 7; top: 2px; right: -200px; width: 350px; font-size: 18px; font-family: arial; color: #8F8CC3; visibility:visible; display: block;} __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/