Re: [css-d] ADMIN: a warning for Gmail users
If you log in to Gmail and scroll to the footer you can see when the last account activity was. Click the details link to see recent activity and by who (device type, IP, country). Assuming you generally access Gmail in the same ways from the same places, it should be fairly obvious if someone is hacking your account. Michael __ 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] Centering multiple floated blocks
Sorry about that! I clearly have too much going on ;) - Original Message - From: DAVOUD TOHIDY [EMAIL PROTECTED] To: Michael ORourke [EMAIL PROTECTED]; Bruno Fassino [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Sunday, January 13, 2008 4:52 AM Subject: Re: [css-d] Centering multiple floated blocks On Date: Sat, 12 Jan 2008 14:58:47 -0500 Michael wrote: Browser tests would be greatly appreciated. http://www.basalweb.com/test/dltest3.html Michael, I thought you have fixed the br tags and that your page validates but please double check your page. It does not validate. Fix all br tags and image tags and remove the u tag which is a deprecated tag. For images you need to close it in XHTML like: img src=images/featuredMerch.gif alt= height=31 width=88 / Instead of u tag, add the following to css: em {text-decoration:underline} once all the corrections have been made check that it validates then let us know for browser check. regards davoud p.s: I am looking for volunteers for my research at: http://cssfreelancer.awardspace.com/stability.html _ Read what Santa`s been up to! For all the latest, visit asksantaclaus.spaces.live.com! http://asksantaclaus.spaces.live.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering multiple floated blocks
Ok, a few issues... The doctype was xhtml 1.0 strict and I didn't close the br tags. Fixing this exposed overflow issues with IE so I added overflow:auto to all selectors. So far so good. Unfortunately, the results in Opera 9 show all the divs centered, but now they're all stacking (according to browsershots). I'm thinking it's an issue with width as opposed to display, but I'll do some more testing. Michael - Original Message - From: DAVOUD TOHIDY To: Michael ORourke ; David Hucklesby ; css-d@lists.css-discuss.org Sent: Saturday, January 12, 2008 8:40 AM Subject: RE: [css-d] Centering multiple floated blocks Close David, thanks. I found more of what I was looking for here: http://www.brunildo.org/test/shrink-to-fit.html Michael, May I open the thread again please? Sorry about that. And do you mind if we ask everybody to provide feeback on this using different browsers and platforms? What you have got in there is really interesting and I will work around it myself. However as you mentioned in your post before, Opera 9 is not working well with it. I doubt that this method can be a cross browser / platform solution however I hope I am wrong because this is a wondeerful solution if it works fine. Opera 8.01 pushes the last div down. So it does not work in Opera 8.01 even though the rest works fine. I would be interested in hearing about how safari, konqueror, camino, Mozilla, AOL and earlier versions of Netscape working with it. Anybody? It is working fine in FF1.0.7, NS 7.2, IE6, IE7 on windows XP. Thanks davoud -- Books, DVD's, gadgets, music and more. Shop online with Sympatico / MSN Shopping today! __ 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 multiple floated blocks
Hi Bruno, you are correct on pretty much all points, here is my thinking: Mixture of display: table / table-cell / inline-block may work for such cases in most browsers, but the mixture that you have got now is a bit strange... You have: .featureItem2 { display: table-cell; } /*\*/ html .featureItem2 { display: inline-block; } /**/ The second rule overrides the first, so all browsers that support inline-block use that one. I guess your intention was to feed the second rule to IE only. Yes, this was my intention. My (incorrect) assumption was that inline-block would be ignored by all but IE. Instead of the * hack I counted on the specificity weight rules: html .featureItem2 is more specific than .featureItem2 so it will take precedent in browsers that support it. In a duh moment I realized that I had this backwards and have since made the IE rules less specific and I think the problem may be solved (at least until IE8 comes out). Browser tests would be greatly appreciated. http://www.basalweb.com/test/dltest3.html - table-cell and inline-blocks have different behaviors. If in your case you may have so many (or so big) blocks that they do not fit in a 'line' the results will differ (do you want them to wrap or to overflow?) You should also check the case of blocks not all having the same height (unless you set a fixed height for them.) I added more content to one of the cells on the test page. The result was fine in all except IE which required vertical-align:top to pull the shorter contents of adjacent spans to the top. I think, hopefully, that the only issue left unresolved is that of equal block height in IE... Thanks, Michael __ 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 multiple floated blocks
Hello all, I have a container holding 6 floated divs, each containing an image and a few lines of text. My first goal was to be able to center all the floats so they take up all the space in the containing div which I think I accomplished. The test page is here: http://www.basalweb.com/test/dltest3.html. The problem I have now is that the number of those floated divs won't be constant. There will be anywhere from 1-6. Is there any way to have them always display centered in the containing div without editing the width in the css or do I have to resort to JS for this? The floated divs don't necessarily have to take up the entire space, it's more important that they're centered. As always, you're help is greatly appreciated! Michael __ 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 multiple floated blocks
Thanks for the responses. I apologize if I wasn't clear. I't not #featurecontainer that I'm trying to keep centered, it's the floated divs inside. If I remove any number of those floated divs, they will no longer be centered unless I adjust the width for .featureMerch. I'm trying to do it without having to adjust that width. Michael On Jan 11, 2008 3:26 PM, DAVOUD TOHIDY [EMAIL PROTECTED] wrote: Michael, I guess you have forgotten to add margin:0 auto to #featurecontainer in your css. constant. There will be anywhere from 1-6. I don't think CSS can do anything in this regard. Interested in hearing about that myself. davoud -- Your chance to win great prizes with TELUS and Windows Live Messenger for Mobile. Click here for more information!http://www.telusmobility.com/on/wweb/instant_messaging.shtml __ 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 multiple floated blocks
Thanks for the suggestions. I think I've tried some variation of all of them without success and I fear Davoud may be correct that it isn't possible without serious hacks, conditionals or scripting. Stu Nichols appears to have accomplished it with an unordered list ( http://www.cssplay.co.uk/menus/centered.html) using Alex's approach. I'll see if that will translate into my layout as soon as I get a moment. Thierry, I purposely avoided using a list as I didn't feel that it would be semantically correct. I think a definition list might be, but I fear in the end I would be facing the same problem (with more markup). Thanks! Michael On Jan 11, 2008 5:16 PM, Alex Robinson [EMAIL PROTECTED] wrote: A combination of display:table (Mozilla, Opera) and display:inline-block (IE) can cause a wrapper around floats to shrink-to-fit and thus be made amenable to being centered. However, Safari (neither 2 nor 3) does not do the shrink wrapping and so no centering occurs. As far as I know - I'd love to be told that I'm wrong. Paul O'Brien has an alternative approach that can be summed up as: Outer wrapper: float: left; position: relative and left: 50% Inner wrapper position: relative; left: -50% http://www.search-this.com/2007/09/19/when-is-a-float-not-a-float/ It is not without drawbacks, but it may be good enough for your needs __ 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 multiple floated blocks
Close David, thanks. I found more of what I was looking for here: http://www.brunildo.org/test/shrink-to-fit.html and was able to get it working using the table/table-cell/inline-block combo. I tested it on browsershots and it seems to be ok in all except Opera 9 which pushes one to the next line. Before and after is on my test page for anybody interested: http://www.basalweb.com/test/dltest3.html. Thanks all! - Original Message - From: David Hucklesby [EMAIL PROTECTED] To: Michael ORourke [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Friday, January 11, 2008 7:00 PM Subject: Re: [css-d] Centering multiple floated blocks On Fri, 11 Jan 2008 14:59:56 -0500, Michael ORourke wrote: Hello all, I have a container holding 6 floated divs, each containing an image and a few lines of text. My first goal was to be able to center all the floats so they take up all the space in the containing div which I think I accomplished. The test page is here: http://www.basalweb.com/test/dltest3.html. The problem I have now is that the number of those floated divs won't be constant. [...] Something like this, perhaps? - http://www.brunildo.org/test/ImgThumbIBL3.html More experiments with centering and shrink-wrapping here: http://www.brunildo.org/test/#cen 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/
[css-d] Firefox print issue?
Hello all, I've encountered an odd problem when trying to print the following page from Firefox: http://www.thesalliemaefund.org/smfnew/sections/find.html For some reason the main content area will not print - everything within the div #content-wrapper. However, if I remove the form from the page or set it to display:none the rest of the content prints as expected. The result is the same regardless of whether the print style sheet is used or not. Any ideas? Thanks! Michael __ 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] Firefox print issue?
Thanks Georg, that works. On 2/14/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Michael ORourke wrote: http://www.thesalliemaefund.org/smfnew/sections/find.html For some reason the main content area will not print - everything within the div #content-wrapper. However, if I remove the form from the page or set it to display:none the rest of the content prints as expected. The result is the same regardless of whether the print style sheet is used or not. Any ideas? Gecko can't handle floats properly on print - yet. This is most often causing problems with lost parts, when floats are split on page-breaks. Add this to print-styles... form * {float: none!important;} ...and Firefox will print it all. Then restyle the relevant elements in the print stylesheets, so they appear alright when printed - even in Firefox. regards Georg -- http://www.gunlaug.no __ 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] 3 column top margin
HTML and CSS are located here: http://karaokesource.com/template.php http://karaokesource.com/karaoke.css 1. I need to have the 3 columns butt up against the magenta bar. I've been working on this for over a day and can't seem to get it right. 2. The center column div has the golden background. The center column #content div has a white background with a 1 em margin on all sides. On the left and right sides, the golden color shows through. This is what I expect. However, I want the same 1 em golden color to show at the top and bottom of content. Pointers please. Remove margin from #content, remove margin and change padding to 1em in .centercolumn, change width in .rightcolumn to 13.1em. Works in Firefox, didn't check anything else. Michael __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Problem
Remove - background-color : #FF; - from #container. Michael - Original Message - From: Chris Edwards [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Sunday, October 30, 2005 7:26 AM Subject: [css-d] IE Problem Dear CSS Discuss I am sure this has been covered before but after many attempts to try and fix I now seek help. http://www.viewnewmedia.com/newid/english/home.php is the page in question. It displays as it should in Firefox but IE doesnt play ball. The header height is expanded - not sure if it is a height issue or a margin issue.. I may have missed something really obvious here but any pointers are much appreciated. Thanks Chris ___ Yahoo! Messenger - NEW crystal clear PC to PC calling worldwide with voicemail http://uk.messenger.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] thin line under span
Add display: block; to .span1 - Original Message - From: Mike Soultanian [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, October 21, 2005 10:19 PM Subject: [css-d] thin line under span I'm messing around with css stuff and I'm trying to figure out why I'm getting a 1px line under my Spanning text. I think I heard a solution for this a while back, but I can't remember what it was. Any suggestions would be appreciated. http://www2.csulb.edu/colleges/cota/test.html Thanks! Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/