Re: [css-d] Question about the list
Adam Kuehn wrote: Scott Glasgow wrote: If I hit Reply All, it does go to the list, but sends a separate copy to the sender (which can be annoying to the recipient, I would imagine). I checked again in my other lists, and Reply does indeed send to the list, not the sender. Is this something in the way OE is configured (if so, why just this list?), or the way the list is configured, or have I just happened to reply to senders who have their Reply To set, or what? This page was written for you: http://css-discuss.incutio.com/?page=CssDiscussListHeaders. In addition, if you go to the CSS website and choose the options page http://www.css-discuss.org/mailman/listinfo/css-d/, you can sign in and edit some list parameters. Just choose the Edit Options button, after entering your address and password. One of the options on the next page (fifth down on the right side) is Avoid duplicate copies of messages? Set this to Yes if you are one of those people who would be annoyed by getting both a list copy and a personal copy of a Reply To All message. Now all should be right with the world. Presented as a public service, I do not have a problem with this decision by the list moderators. I do, however, wonder why this was not included in what seems to be the list guidelines (the very definite ground rules) or any other of the information which I assiduously read whule subscribing. I am not a newbie to the Web, nor to online communications, having watched lines of text being spelled out letter by letter at 300 baud back in 1983 on a character-mode-only 9 inch amber monochrome screen. The Web did not exist then, nor did the Internet in the sense that we use the term today. Sysops were gods, Telix was the whip (well, not quite yet, back then), and knowing your AT commands and how to set up your modem separated the men from the wannabes. Please do not patronize me. A simple reply (using Reply and not Reply All) would have sufficed. I don't need all should be right with the world (not accurate in any event because it depends upon concrete action by every individual member to avoid duplicate messages) or public service ( if it's so public, why not put it in the information presented to all subscribers during the process of subscription?). I value this list, a great deal. The information available here is both unique and inestimably valuable, and I do not wish to be administratively unsubscribed. I have endeavored in this response to adhere to the guidelines given in the above-mentioned reference. My hope is that the administrators will understand that those of us who subscribe to multiple lists, all of which use the Reply To munging described in your links, are somewhat nonplussed when this list behaves differently than the way to which we have become accustomed. Since it is clearly your wish that this is the way it should be, I ask only that you provide this information to subscribers of the list in a manner which does not result in an after the fact admonishment of the list users. I remain, Your most humble servant, Scott Glasgow __ 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] Simple two columns
Lol yeah I still believe in using tables at times for layout, so much more reliable and simple and does what you expect and you don't need workarounds. Stephen - Original Message - From: Rob Agar [EMAIL PROTECTED] Sent: Tuesday, August 30, 2005 2:29 AM How do I stop col2 wrapping below col1 however when the browser window is shrunk down in size? (Has to work in IE). table cellspacing=0 tr td class=col1.../td td class=col2.../td /tr /table OK, I'm a green + knobbly troll. But it would work, and it's simple... -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.344 / Virus Database: 267.10.17/84 - Release Date: 29/08/2005 __ 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 5.5 problem
Michael Wiggin wrote: Hi, I've tried to find the solution myself with no luck. I have a design that plays well with IE6, IE Mac5.2, Firefox(Mac PC), Safari, and Opera(Mac) but breaks in IE 5.5. The problem is the section just below a styled ul. I have a feeling that I may be missing something obvious. The page is at http://www.mikewiggin.com/resume.html and the css is at http://www.mikewiggin.com/bubbles.css How does it break? Looks the same in IE 5.5 as in IE6 and FF on WIN XP Pro. PS: I new to this. Hmmm? The resume claims HTML 6 yrs, CSS 4 yrs. -- Bob Easton Accessibility Matters: http://access-matters.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/
Re: [css-d] Is this an IE rendering error ?
Tom Steenhuysen wrote: I have 2 strange things going on in trying to design a fluid 3 and 4 column : 1) the two columns in the middle are both 50% wide - but when you change the width of IE [drag the edge], then there seems to be an intermittent 1-pixel difference which drops the second column below the first column. 2) when you slowly drag IE's side edge, then there appear gaps in the background images [under the H3 headings] - but when you move your mouse over it, the background come back. LINK= http://samp.ivosite.com The first is a rounding error caused by IE not knowing how to divide a space into even 50% portions when the space is an odd number of pixels wide. Change one of those values to 49% and it will be solved. The second *might* be the guilloitne bug. See: http://www.positioniseverything.net/explorer/guillotine.html -- Bob Easton Accessibility Matters: http://access-matters.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/
Re: [css-d] simple problem - difficult solution
Ron Adams wrote: I have 2 divs on a page, and the top one is an unknown size, the bottom one must fill the rest of the space to the bottom of the browser window. How do I do this with CSS? A simplyfied example below. You can't. Divs expand to the height of their content (plus padding and margins), and no further. To fill a space, you need to put something of that height inside the div, or set the div to that explicit height. If you don't know the height, find a JavaScript script to do it for you. Our WIKI has examples: http://css-discuss.incutio.com/ -- Bob Easton Accessibility Matters: http://access-matters.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-d] Best IR technique ?
Hi all, could someone advise the best/safest Image Replacement (IR) technique to use: cross browser friendly, screen reader accessible. Seems the classic Todd Fahrner method is not catched safely by all screen readers and just fails if the server never sends the image. Another method suggests to use text-indent:-999em, but causes problems with Ie 5 Win wich will also indent the background-image. A last method suggested by Pixy uses z-index and absolute positioning to cover the text with the replacing image. Is this last method safe and the best one ? Any other IR tricks to mention/point ? Thanks. Guillaume. __ 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] simple problem - difficult solution
On 8/30/05, Bob Easton [EMAIL PROTECTED] wrote: Ron Adams wrote: I have 2 divs on a page, and the top one is an unknown size, the bottom one must fill the rest of the space to the bottom of the browser window. How do I do this with CSS? A simplyfied example below. You can't. Divs expand to the height of their content (plus padding and margins), and no further. To fill a space, you need to put something of that height inside the div, or set the div to that explicit height. If you don't know the height, find a JavaScript script to do it for you. Our WIKI has examples: http://css-discuss.incutio.com/ This is a real issue and one that should have been addressed by the CSS spec. Setting a table to 100% high in IE in quirks mode makes the table the height of the screen, a really useful feature. This isn't available in standards mode, and there is *no* equivalent in a tableless design. Why is there a need to supply a fixed value height at some point in the hierarchy - why not just take the hight of the body as the fixed value? (And, it certainly doesn't work to specify html, body { height: 100% } - that's just silly - since when should the html tag need a height?) Does anyone know the spec authors reasoning behind not making this possible without javascript? Isn't it considered bad form to use anything other than CSS to format the output? It seems to me to a big a hole in the spec. __ 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] Best IR technique ?
BTW: http://css-discuss.incutio.com/?page=ImageReplacement A last method suggested by Pixy uses z-index and absolute positioning to cover the text with the replacing image. Is this last method safe and the best one ? This one is bulletproof. If you can live with it's non-semantic overhead, it's best solution. Any other IR tricks to mention/point ? Anatoly's DIR http://fecklessmind.com/main/5/definitive-solution-to-image-replacement Dynatext http://alistapart.com/articles/dynatext/ -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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-d] Site check please - Essie Croft
Hi, I have a small problem with this site viewed in Opera and Firefox. Doesn't appear in IE/Win. There is a space above the horizontal navigation menu. The colours will be changed before going live but have been left to show the problem. Any assistance appreciated. TIA Regards, Mike Davies -- Mike Davies Integra Web Design, Huntly, AB54 4XP 01466 700213www.integrawebdesign.co.uk __ 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] Simple two columns
From: Stevio [EMAIL PROTECTED] It seems like the simplest solution is the following: .col1 { width: 50%; float: left; } .col2 { width: 50%; float: left; } div class=col1Content/div div class=col2Content/div How do I stop col2 wrapping below col1 however when the browser window is shrunk down in size? (Has to work in IE). Set the widths to less than 50% to accomplish this, perhaps 49% each. Be aware that if you add margins, padding or borders to the column div elements, you may need to make the percentage you use for the width smaller to keep the second column from wrapping. Hope that helps, ~holly Thanks, Stephen - Original Message - From: 4css [EMAIL PROTECTED] To: Stevio [EMAIL PROTECTED]; CSS Discuss css-d@lists.css-discuss.org Sent: Friday, August 26, 2005 10:34 PM Subject: Re: [css-d] Simple two columns Hi Stephen How do I go about making two simple columns to sit side by side to each other using CSS? If you go to this link on the css-d site, you will find some two column layouts, maybe one of these will help you out? http://css-discuss.incutio.com/?page=TwoColumnLayouts More links for layouts http://css-discuss.incutio.com/ hth! 4~CSS!!! aka Deb http://directory.css-styling.com http://fmsforum.debsplace.org A site in progress: http://debsplace.org -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.344 / Virus Database: 267.10.17/84 - Release Date: 29/08/2005 __ 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] simple problem - difficult solution
This[1] is a real issue and one that should have been addressed by the CSS spec. Setting a table to 100% high in IE in quirks mode makes the table the height of the screen, a really useful feature. This isn't available in standards mode, and there is *no* equivalent in a tableless design. No need for quirks mode, I don't think. Set html,body{height:100%} (as well as your table) and you should be good to go in standards mode. I'll let others reply to the more specific height details of CSS, as I can get it working but don't understand it as well as I'd like to. [1] making page content full height of the screen without hard coding height. __ 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-d] Re: Site check please - Essie Croft
Hi, Apologies to all who responded. The site is at www.integra-server.co.uk/essie/ I have a small problem with this site viewed in Opera and Firefox. Doesn't appear in IE/Win. There is a space above the horizontal navigation menu. The colours will be changed before going live but have been left to show the problem. Any assistance appreciated. TIA Regards, Mike Davies -- Mike Davies Integra Web Design, Huntly, AB54 4XP 01466 700213www.integrawebdesign.co.uk __ 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] simple problem - difficult solution
No need for quirks mode, I don't think. Set html,body{height:100%} (as well as your table) and you should be good to go in standards mode. Hmmm why does html and body need a height? That is surely a hack. I'll let others reply to the more specific height details of CSS, as I can get it working but don't understand it as well as I'd like to. [1] making page content full height of the screen without hard coding height. Ok, I'll throw it open to the CSS experts. Two divs: divHeader/div divlots of content/div The requirement is that the header div must not scroll off the page, it should remain fixed at the top of the page. The content div will fill with content and should be scrollable vertically when needed. Constraining that contents div to the available viewport is the issue (and having it resize with the viewport) - if this is possible in a standards compliant way using only CSS I would be very thankful (and mightily impressed as I don't think it's possible). __ 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] Best IR technique ?
Guillaume wrote: Any other IR tricks to mention/point ? http://www.tjkdesign.com/articles/tip.asp Thierry | www.TJKDesign.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/
Re[2]: [css-d] simple problem - difficult solution
Tuesday, August 30, 2005, 10:00:05 AM, andrew welch wrote: Hmmm why does html and body need a height? That is surely a hack. Explanation: http://www.quirksmode.org/css/100percheight.html The requirement is that the header div must not scroll off the page, it should remain fixed at the top of the page. The content div will fill with content and should be scrollable vertically when needed. Try this: http://www.456bereastreet.com/lab/cssframes/ You can take out the footer and adjust values accordingly. Steve -- http://mrclay.org/ : http://frenchhorns.mrclay.org/ __ 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] Best IR technique ?
On 8/30/05, Guillaume [EMAIL PROTECTED] wrote: Hi all, --snip-- Any other IR tricks to mention/point ? Thanks. Guillaume. You know, I've tried a DOM technique[1] one with success. But don't know if it's screen reader accessible. Anyone know? But I had to change one part of the script: the part that checks for browser support of image replacement. The original script would work intermittently, i.e. one refresh the script would replace images vs. another refresh the script wouldn't do anything. You can see the modified-DOM technique here on my work's project website (with the part I added from Landridge's book DHTML Utopia): http://samples.slackbarshinger.com/ (JS code: http://samples.slackbarshinger.com/js/toggle-image.js) The script replaces the H1 element with the appropriate image. If anyone has any improvements I can make to the scripts, /please/ let me know. I'm still learning DOM. ;-) ciao, Zulema [1] DOM - Image replacement http://www.quirksmode.org/dom/fir.html -- !!blue w e b d e s i g n e r folio: http://zoblue.com blog: http://blog.zoblue.com browser: http://getfirefox.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/
Re: [css-d] simple problem - difficult solution
At 3:00 PM +0100 8/30/05, andrew welch wrote: No need for quirks mode, I don't think. Set html,body{height:100%} (as well as your table) and you should be good to go in standards mode. Hmmm why does html and body need a height? That is surely a hack. Or, you know... not. Ok, I'll throw it open to the CSS experts. Two divs: divHeader/div divlots of content/div The requirement is that the header div must not scroll off the page, it should remain fixed at the top of the page. The content div will fill with content and should be scrollable vertically when needed. That's totally possible in CSS, and it's actually possible in two different ways. Getting it to work in browsers, though-- that's the trick. Method one basically recreates a frame set without the frame markup. It goes something like this: html, body {height: 100%;} #header, #content {position: fixed;} #header {top: 0; left: 0; right: 0; height: 50px;} #content {top: 50px; bottom: 0; left: 0; right: 0; overflow: scroll;} You could, of course, replace the '50px' values with a different one, using any unit you like, including percentages. Method two nails the header to the top of the viewport, and lets the rest of the content scroll underneath it. #header {position: fixed; top: 0; left: 0; right: 0; height: 50px;} #content {padding-top: 50px;} Again, you're free to replace the '50px' with something else. The problem with both methods is IE/Win, which doesn't support 'fixed' on 'position', so the effect wont' be what you want. There are JS and behavioral solutions to fake support for 'position: fixed' in IE/Win, such as Dean Edwards' IE7, but I find them to be largely unsatisfactory because the element scrolls around and then jumps into place. An adapted approach is to have IE/Win absolutely position the header and just accept that it will scroll in IE/Win while remaining in place for all other modern browsers. That would be: #header {position: fixed; top: 0; left: 0; right: 0; height: 50px;} * html #header {position: absolute;} /* for IE/Win */ #content {padding-top: 50px;} Hopefully one of those solutions will work for you. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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/
Re: [css-d] Question about the list - Public apology
Scott Glasgow wrote: Adam Kuehn wrote: Scott Glasgow wrote: If I hit Reply All, it does go to the list, but sends a separate copy to the sender (which can be annoying to the recipient, I would imagine). [...] This page was written for you: http://css-discuss.incutio.com/?page=CssDiscussListHeaders.[...] I do not have a problem with this decision by the list moderators. I do, however, wonder why this was not included in what seems to be the list guidelines (the very definite ground rules) or any other of the information which I assiduously read whule subscribing. Perhaps it should be. It is definitely a FAQ, and as such we have put it on the Wiki, a link to which appears in the footer of every list message. But since this does come up from time to time, perhaps it needs to be more prominent. Thank you for the suggestion. I am not a newbie to the Web, nor to online communications, having watched lines of text being spelled out letter by letter at 300 baud back in 1983 on a character-mode-only 9 inch amber monochrome screen. Dang, you've got me beat. My first home modem was 2400 baud, and I could get 1200 baud on the school modems. I remember having to use AT commands, too, and I thank the software gods that I no longer have to remember what a DIP switch is. Please do not patronize me. A simple reply (using Reply and not Reply All) would have sufficed. I don't need all should be right with the world (not accurate in any event because it depends upon concrete action by every individual member to avoid duplicate messages) or public service ( if it's so public, why not put it in the information presented to all subscribers during the process of subscription?). But here I do sincerely apologize. I intended neither to patronize, nor offend. I've been on lists that do Reply-To both ways, and it can be disconcerting that this parameter varies from list to list. I was making an attempt to be light-hearted about this sometimes-annoying problem, but clearly the effort failed. I am sorry. I did, however, present that post as a public service. As I mentioned, this comes up from time-to-time, and I felt that a post from a moderator which reviewed the subject (especially including the part about avoiding duplicates) would be a good thing. There is a sharp divide as to whether or not our Reply-To policy is desirable, and I wanted to make sure that those who feel inconvenienced by it were reminded of a way we have to minimize some of the perceived negative impact you mentioned in your original post. I value this list, a great deal. The information available here is both unique and inestimably valuable, and I do not wish to be administratively unsubscribed. You are in no danger of that, certainly. (I believe it has happened exactly one time in the entire history of this list, thanks to the very high quality of our list members.) We do value your contributions, and I hope you can forgive the rantings of an old web denizen which were in no way intended as an admonishment. I look forward to reading your posts. Sincerely, -- -Adam Kuehn CSS-D List Moderator __ 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-d] Opera ASA giving away license codes (1 day only!)
One day only ! Go here http://my.opera.com/community/party/reg.dml As seen here (blog of Opera employee) http://weblog.timaltman.com/node/791 No catch, except that these licenses don't get you premium support (i.e. direct email to/from Opera... but the forums and mailing lists have Opera employees on them.) No lengthy forms to fill out : 1) Provide your email address 2) opt-IN (the good kind) to their mailing list, if you want to That's it! TjL (not an employee, just an Opera Lover http://operalover.tntluoma.com/8/ temporarily coming up to share this news with some folks who I thought might be interested in it) __ 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] simple problem - difficult solution
Ok, I'll throw it open to the CSS experts. Two divs: divHeader/div divlots of content/div The requirement is that the header div must not scroll off the page, it should remain fixed at the top of the page. The content div will fill with content and should be scrollable vertically when needed. That's totally possible in CSS, and it's actually possible in two different ways. Getting it to work in browsers, though-- that's the trick. Method one basically recreates a frame set without the frame markup. It goes something like this: html, body {height: 100%;} #header, #content {position: fixed;} #header {top: 0; left: 0; right: 0; height: 50px;} #content {top: 50px; bottom: 0; left: 0; right: 0; overflow: scroll;} You could, of course, replace the '50px' values with a different one, using any unit you like, including percentages. Method two nails the header to the top of the viewport, and lets the rest of the content scroll underneath it. #header {position: fixed; top: 0; left: 0; right: 0; height: 50px;} #content {padding-top: 50px;} Again, you're free to replace the '50px' with something else. The problem with both methods is IE/Win, which doesn't support 'fixed' on 'position', so the effect wont' be what you want. There are JS and behavioral solutions to fake support for 'position: fixed' in IE/Win, such as Dean Edwards' IE7, but I find them to be largely unsatisfactory because the element scrolls around and then jumps into place. An adapted approach is to have IE/Win absolutely position the header and just accept that it will scroll in IE/Win while remaining in place for all other modern browsers. That would be: #header {position: fixed; top: 0; left: 0; right: 0; height: 50px;} * html #header {position: absolute;} /* for IE/Win */ #content {padding-top: 50px;} Hopefully one of those solutions will work for you. Ahhh I take it all back - method one is exactly what I was after. I see now why the hole is in IE not supporting fixed and not in the spec (I was approaching the problem from the wrong end). One point - is possible to only have the vertical scrollbar and not the horizontal? (overflow-y in IE) Thanks for the explanation, andrew __ 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] simple problem - difficult solution
divHeader/div divlots of content/div The requirement is that the header div must not scroll off the page, it should remain fixed at the top of the page. The content div will fill with content and should be scrollable vertically when needed. Anne van Kesteren post on fixed positioning with example layouts may be of interest to you? http://annevankesteren.nl/2004/07/fixed-positioning Regards, David Laakso -- David Laakso http://www.dlaakso.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/
Re: [css-d] pure css popups help
Steve wrote: problem with pure css popups in firefox (outta wak), and IE (pc) none at all . A quick google for pure css popups gives you this explanation of and fix for IE's bug as the second result: http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp And this somewhat simpler explanation as the fifth result: http://www.quirksmode.org/css/ie6_purecsspopups.html Zoe -- Zoe M. Gillenwater Design Specialist UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Site check please - Essie Croft
On 8/30/05, Mike Davies [EMAIL PROTECTED] wrote: There is a space above the horizontal navigation menu. The colours will be changed before going live but have been left to show the problem. Adding: #navlist { margin: 0; padding: 0; list-style-type: none; } Should fix the problem... you forgot to remove margins on the ul. Another problem, though, is that different default font sizes on windows IE/Opera force the horizontal menu onto two lines (on my computer, at least). This can be fixed by adding an absolute font size in html,body: font-size: 16px; worked well for me. Ricky __ 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] application question
I was wondering if anyone can suggest an affordable solution for designing logos/gifs (for FIR purposes)? For vector-based, Inkscape (http://www.inkscape.org/) is good (and open soure). Assuming that you're using windows (since you have microsoft paint), you can download a gui installer for GIMP from http://gimp-win.sourceforge.net/stable.html. Ricky __ 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] Opera ASA giving away license codes (1 day only!)
On Tue, 30 Aug 2005 11:36:03 -0400, Timothy J. Luoma [EMAIL PROTECTED] wrote: Go here http:// apparently, everyone did go there. Servers are sure getting a beating -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ 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 5.5 problem
Hi, I've tried to find the solution myself with no luck. I have a design that plays well with IE6, IE Mac5.2, Firefox(Mac PC), Safari, and Opera(Mac) but breaks in IE 5.5. The problem is the section just below a styled ul. I have a feeling that I may be missing something obvious. The page is at http://www.mikewiggin.com/resume.html and the css is at http://www.mikewiggin.com/bubbles.css Breaking, no-- unreadable and not zoom-able, yes. -- David Laakso http://www.dlaakso.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-d] site check: IE MAC
Hi there... I am having some problems with this site on IE for Mac (no surprises..) The content is starting halfway down the page. http://tct2005.com/ I was wondering if someone could point me in the right direction towards debugging the issue. thanks -jeremy __ 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] Question about the list - Public apology
Thank you for your most gracious response, Adam. I am really enjoying the list and am constantly impressed with the knowledge and experience of the participants. My subfolders for saving messages containing tips, techniques, examples, etc. are growing like Topsy, and I anticipate learning a great deal more from the list, and maybe even tossing in a little something myself now and then. ;-) Cheers, Scott The one serious conviction that a man should have is that nothing is to be taken too seriously. - Samuel Butler __ 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] Opera ASA giving away license codes (1 day only!)
On 8/30/05, Tom Livingston [EMAIL PROTECTED] wrote: On Tue, 30 Aug 2005 11:36:03 -0400, Timothy J. Luoma [EMAIL PROTECTED] wrote: Go here http:// apparently, everyone did go there. Servers are sure getting a beating it won't give u the registration code if your using a browser other than Opera. just in case you tried it like me and all you got were blank boxes. yeah I feel kinda foolish :-D -- !!blue w e b d e s i g n e r folio: http://zoblue.com blog: http://blog.zoblue.com browser: http://getfirefox.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-d] Accessibility and font sizing
Felix Miata wrote: ::SNIP:: Small equals approximately 88.75%, so the result due to the cascade is the p text is 88.75% X 80% X 90%, or 63.9%. To the poor IE user already requiring larger or largest text in the first place, you're making it (unless a rare user who knows how to locate and select ignore font sizes specified on web pages) impossible to make comfortably large enough to read if large enough to read at all: http://mrmazda.no-ip.com/SS/crysanct2.png ::SNIP:: This brings up a question I have been wondering about. What is the consensus (if there is a consensus :-) on the best way to provide resizable (accessible) text while still permitting reasonably consistent layout without torturous CSS? Font-size keywords? Relative sizes? I've found and read some online resources on the subject and I believe that I would lean toward font-size keywords, but I'm interested in finding if there are more reasons to choose a different method which I haven't encountered. Cheers, Scott __ 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] application question
Photoshop Elements is 95% as good as Photoshop and can be found for less than $80 if you shop around. Not free, but more than worth its price tag. Photoshop Elements: http://www.adobe.com/products/photoshopelwin/main.html For logos, I'd much (much) rather have a pure vector application such as Adobe's Illustrator, which is very expensive. I've never tried the GIMP programs, but they may do the trick? On 8/30/05 12:11 PM, Patrick Roane [EMAIL PROTECTED] wrote: I was wondering if anyone can suggest an affordable solution for designing logos/gifs (for FIR purposes)? ... I know that a lot of professionals use programs like Photoshop ...but I just can't affort the price-tag on such a beast. __ 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] Opera ASA giving away license codes (1 day only!)
On Aug 30, 2005, at 2:34 PM, !!blue wrote: it won't give u the registration code if your using a browser other than Opera. just in case you tried it like me and all you got were blank boxes. it worked fine for me from Safari... —ml— __ 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] Opera ASA giving away license codes (1 day only!)
it won't give u the registration code if your using a browser other than Opera. just in case you tried it like me and all you got were blank boxes. Seems to work with Safari. __ 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] Opera ASA giving away license codes (1 day only!)
!!blue wrote: On 8/30/05, Tom Livingston [EMAIL PROTECTED] wrote: On Tue, 30 Aug 2005 11:36:03 -0400, Timothy J. Luoma [EMAIL PROTECTED] wrote: Go here http:// apparently, everyone did go there. Servers are sure getting a beating it won't give u the registration code if your using a browser other than Opera. just in case you tried it like me and all you got were blank boxes. yeah I feel kinda foolish :-D Worked just fine in FireFox for the PC. You can also email them for it: [EMAIL PROTECTED] /patrick __ 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] Opera ASA giving away license codes (1 day only!)
Worked fine from Firefox On 8/30/05, Dean Matsueda [EMAIL PROTECTED] wrote: it won't give u the registration code if your using a browser other than Opera. just in case you tried it like me and all you got were blank boxes. Seems to work with Safari. __ 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/ -- Auxilium meum a Domino __ 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] Opera ASA giving away license codes (1 day only!)
Timothy J. Luoma wrote: One day only ! Go here http://my.opera.com/community/party/reg.dml ::SNIP:: TjL (not an employee, just an Opera Lover http://operalover.tntluoma.com/8/ temporarily coming up to share this news with some folks who I thought might be interested in it) Thanks, Timothy! Link took me straight in, got my reg code, installed 8.02, registered it. Cool! Nice of the guys to do this, and thanks again for bringing it to our attention. Cheers, Scott __ 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-d] replacing image map links with css
A friend has an image map that has certain hot spots that when pointed to, display some text and link to another page. This is done with javascript and sliced images. I was thinking this can be done with a background image and some links which are positioned relative to the container. He wants it to be a sort of 'mystery-meat' navigation. You need to discover where the hotspots are. So they need to be invisible until you mouse over. Can I get some ideas on the best way to do this? Here is the original site: http://acastronovo.com/ Joel Goldstick __ 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] Opera ASA giving away license codes (1 day only!)
!!blue wrote: On 8/30/05, Tom Livingston [EMAIL PROTECTED] wrote: On Tue, 30 Aug 2005 11:36:03 -0400, Timothy J. Luoma [EMAIL PROTECTED] wrote: Go here http:// apparently, everyone did go there. Servers are sure getting a beating it won't give u the registration code if your using a browser other than Opera. just in case you tried it like me and all you got were blank boxes. yeah I feel kinda foolish :-D Really? Worked fine for me using IE 6.0. You might want to try again... Cheers, Scott __ 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] replacing image map links with css
Maybe http://alistapart.com/articles/imagemap/ ? -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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/
Re: [css-d] Opera ASA giving away license codes (1 day only!)
!!blue wrote: it won't give u the registration code if your using a browser other than Opera. just in case you tried it like me and all you got were blank boxes. yeah I feel kinda foolish :-D It worked for me in SeaMonkey. At least, it gave me codes for all browser versions it offers. Maybe it did that because I'm using OS/2 and Opera has no current version for it? -- Who of you by worrying can add a single hour to his life? Matthew 6:27 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ 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] Opera ASA giving away license codes (1 day only!)
!!blue wrote: it won't give u the registration code if your using a browser other than Opera. I got one with IE6 -- just had to CTRL+F5 a few times to convince it to give. -- Dwacon www.dwacon.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/
Re: [css-d] Opera ASA giving away license codes (1 day only!)
It worked fine for me the serial code works for me under Windows. __ 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-d] Redux: Opera is giving away the ad-free version of their browser for free
For those who may have a problem getting to the site (some people have reported demand has affected availability), here's an alternate way to get your free registration, which depends only on email. Note the time frame during which the offer is valid. Cheers, Scott = To celebrate their 10th anniversary, Opera is giving away the ad-free version of their browser for free. The download page at Download.com states the following: For one day only, you can get an ad-free version of Opera. Simply e-mail [EMAIL PROTECTED] to obtain a registration code. This offer is valid from 12 a.m. Tuesday, August 30 to 12 a.m. Wednesday, August 31 2005 (PDT). (from http://forevergeek.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/
[ADMIN] Re: [css-d] Opera ASA giving away license codes (1 day only!)
Opera giveaway - which browsers can get the reg keys Alright everybody, we get the picture. This thread will now cease since it has got nothing to do with CSS. Alex css-d moderator p.s. thanks Timothy for flagging this up in the first place __ 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] Simple two columns
Rob, to be honest, that is the solution I have gone for after much messing about trying various suggested solutions. Trying to do simple columns in css is just too complicated (perhaps why there are oodles of pages on the net about finding perfect column solutions). The table solution is so much more reliable, robust, doesn't break, and does what it says on the tin. You don't have to worry about clearing problems either (which I was having because I had floated both columns but I also had a left floated navigation div to the left of that) or wrapping problems. Someone remind me what is wrong with doing this? I mean, floating divs to make columns is not actually what they are meant for anyway is it? In which case we are using them for the wrong purpose, which is exactly what the criticism of tables is. Apologies if this comes over as a rant or upsets anyone. I am still using floated divs for design don't worry, but I think that there are times when tables for layout is still the best way to go. Stephen - Original Message - From: Rob Agar [EMAIL PROTECTED] To: 'CSS Discuss' css-d@lists.css-discuss.org Sent: Tuesday, August 30, 2005 2:29 AM Subject: RE: [css-d] Simple two columns How do I stop col2 wrapping below col1 however when the browser window is shrunk down in size? (Has to work in IE). table cellspacing=0 tr td class=col1.../td td class=col2.../td /tr /table OK, I'm a green + knobbly troll. But it would work, and it's simple... Rob -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.344 / Virus Database: 267.10.17/84 - Release Date: 29/08/2005 __ 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/
[ADMIN - OFF TOPIC] Re: [css-d] application question
I was wondering if anyone can suggest an affordable solution for designing logos/gifs (for FIR purposes)? Can this thread come to an end? If you want to discuss this, there are plenty of more suitable venues than css-d http://css-discuss.incutio.com/?page=OffTopic Frankly people, do not treat css-d as a place you can just dump general web development questions. Alex css-d moderator __ 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] replacing image map links with css
[EMAIL PROTECTED] wrote: A friend has an image map that has certain hot spots that when pointed to, display some text and link to another page. This is done with javascript and sliced images. What about using CSS popups? http://www.tjkdesign.com/articles/css%20pop%20ups/ Thierry | www.TJKDesign.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-d] problem with nav bar
Hi all this will be my first post on this list. I am having a problem with a site I am building mostly using css. There is a left side navigation bar that is made up of .gif's, the last one having a height of 100% so it resizes with the content. The problem is it resizes irregularly sometimes not expanding all the way to the bottom, sometimes leaving a lot of unwanted open space after the last div. I have tried everything i can think of but nothing has worked. Any ideas? The site is here: http://www.lpcapitalinvestments.com/118eharvard.html and the external style sheet can be viewed here: http://www.lpcapitalinvestments.com/styles.css thanks for your help __ 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-d] Second Site Check, Please!
http://crystalsanctuary.rpgsource.net/designs/rpgsource/final/template2.htm I managed to fix the font problem and the problem with resizing the columns in IE. The site should now work without horizontal scrollbars in IE, but I'm looking for potential problems anywhere in the layout. Thanks ^^ -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! Please avoid sending me Word or PowerPoint attachments. See http://www.gnu.org/philosophy/no-word-attachments.html __ 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] problem with nav bar
I'm no guru, but I'd take a look at getting rid of the javascript and do a css only menu. Here are some sites I used for info: http://www.projectseven.com/tutorials/css/uberlinks/index.htm http://www.projectseven.com/tutorials/css/css%5Ftd/ and http://www.cssdrive.com/index.php/examples/exampleitem/blue_blocks_menu use ONE image background for in your style ie: {background-image: url(menubackg.gif); I'm mucking with my own menu at http://www.electricvillages.com/berm/test.php www.electricvillages.com/berm/stripped.css I've got my own problem with my menu - the text is the link - I want the background to be the active link also. Anyone have suggestions? Tim - Original Message - From: Matt Lemay [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Tuesday, August 30, 2005 7:38 PM Subject: [css-d] problem with nav bar Hi all this will be my first post on this list. I am having a problem with a site I am building mostly using css. There is a left side navigation bar that is made up of .gif's, the last one having a height of 100% so it resizes with the content. The problem is it resizes irregularly sometimes not expanding all the way to the bottom, sometimes leaving a lot of unwanted open space after the last div. I have tried everything i can think of but nothing has worked. Any ideas? The site is here: http://www.lpcapitalinvestments.com/118eharvard.html and the external style sheet can be viewed here: http://www.lpcapitalinvestments.com/styles.css thanks for your help __ 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] problem with nav bar
Matt Lemay wrote: Hi all this will be my first post on this list. I am having a problem with a site I am building mostly using css. There is a left side navigation bar that is made up of .gif's, the last one having a height of 100% so it resizes with the content. The problem is it resizes irregularly sometimes not expanding all the way to the bottom, sometimes leaving a lot of unwanted open space after the last div. I have tried everything i can think of but nothing has worked. Any ideas? The site is here: http://www.lpcapitalinvestments.com/118eharvard.html and the external style sheet can be viewed here: http://www.lpcapitalinvestments.com/styles.css thanks for your help __ 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/ You know...your HTML is invalid. I'd suggest making it valid HTML 4.0 at least (at this point, it's not even valid HTML 3.2). Oh, one suggestion, even though it's off-topic...using the attributes onmouseover and onmouseout is usually a bad idea. You do know you can assign events to HTML tags without using the attributes, right? Try starting here: http://www.quirksmode.org/js/introevents.html . -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! Please avoid sending me Word or PowerPoint attachments. See http://www.gnu.org/philosophy/no-word-attachments.html __ 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] Simple two columns
Stevio: The table solution is so much more reliable, robust, doesn't break, and does what it says on the tin. yep, that's precisely the conclusion I came to. As a programmer, I *do* want to do things properly, but sometimes the correct way is way more painful than it should be. Maybe it's a case of the old not-quite-mature-until-version-3 syndrome - I believe CSS3 has explicit specifications for multi column layouts. Did you try Holly's 49% solution? That looked nice and clean. Rob __ 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] site check: IE MAC
Jeremy, On Aug 30, 2005, at 2:57 PM, jeremy wrote: Hi there... I am having some problems with this site on IE for Mac (no surprises..) The content is starting halfway down the page. http://tct2005.com/ I was wondering if someone could point me in the right direction towards debugging the issue. IE/Mac was written before css 2.1. CSS 2.0 requires that floated elements have a width defined. Since #love has no width specified, ie/mac makes it 100% in width, forcing the other elements down. CSS 2.1 allows floats to 'shrink-to-fit'. hth Roger, Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ 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] new to css
Patrick, On Aug 29, 2005, at 9:38 PM, Patrick Roane wrote: I've been working on a site that is supposed to funtion as a pure liquid .css site: www.lessstressdoctor.com/test/index.html The problem I am having is with IE 5 and 5.2 for MAC. For some reason the words 'services' 'bio' and 'testimonials' (each on their respective pages ...see the nav bar) overlap the text. Only after I hit the re-fresh button do they adjust. Also, on the 'contact' page (again, a problem with the above mentioned browser), every other field is out of line with it's corrisponding label. Does anyone have any suggestions on what I can do iron out these problems? Step 1 should be to remove the html and css errors. http://validator.w3.org/check?verbose=1uri=http%3A// www.lessstressdoctor.com/test/bio.html http://jigsaw.w3.org/css-validator/validator? profile=css2warning=2uri=http%3A//www.lessstressdoctor.com/test/ bio.html Step 2 should be to remove the css that is not actually used on the site. When you strip it down to the essentials, the problems will be easier to find and fix. hth Roger, Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ 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] trouble centering a span
Josh, On Aug 29, 2005, at 3:07 PM, joshua hough wrote: Can someone take a quick look at http://lblesd.k12.or.us/test.php and http://lblesd.k12.or.us/default.css and help me to vertically and horizontally center the date stamp near the upper-right corner? It's outlined in red and currently says August 29, 2005. This is a span set within the div that contains the blue tabs. The div is text-align: left and fills the width of its parent. I'd like to center the date in the remaining 19px by 160px blue space to the right of the last tab. It refuses to be 160px wide or 19px tall. Making it a div pushes it below the tabs. The date is in a span, which is an 'inline' element by default. It will not obey the width or height box properties. The simplest approach that comes to mind is use the text properties 'vertical-align: top; line-height: 1.4' Tweak the line-height to alter the vertical position. hth Roger, Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ 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] Opera ASA giving away license codes (1 day only!)
it won't give u the registration code if your using a browser other than Opera. just in case you tried it like me and all you got were blank boxes. yeah I feel kinda foolish :-D hmmm i used IE6 and had no prob getting the registration code. __ 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] Validation Error -moz-outline
Hi, I'm getting rid of the ugly outline that appears on an image when it's used as a link. It doesn't seem to be set to default, as when I don't set -moz-outline I get the ugly borders when I click the links. Cheers, Tracy On Wednesday, August 24, 2005, at 03:40 am, Peter Williams wrote: Why do you need to declare outline and moz-outline for this image? Especially when you are setting them to none, isn't that the default? __ 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] Validation Error -moz-outline
Hi Philippe, Will do, thanks. As Zoe pointed out, it isn't causing a problem in browsers so I'm not going to worry about it too much... Cheers, and thanks to all who responded. Tracy On Wednesday, August 24, 2005, at 05:55 am, Philippe Wittenbergh wrote: BTW, you're better off by first specifying the vendor-specific property, and then the official one; vendor specific stuff could be processed slightly differently. In Tracy's case, apply it this way: #footer img { vertical-align: middle; -moz-outline:none; outline: none;} As a side note, DeerPark (and the upcoming Firefox 1.5) fully supports the official 'outline' property. And it supports the CSS3 'outline-offset' property. Philippe __ 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] trouble centering a span
joshua hough wrote: Can someone take a quick look at http://lblesd.k12.or.us/test.php and http://lblesd.k12.or.us/default.css and help me to vertically and horizontally center the date stamp near the upper-right corner? Joshua, You could try to put #date *before* your navigation bar in the markup and then float it right, like this: #date {float:right;width:155px;text-align:center; font-size:.9em;color:#fff;line-height:19px} HTH, Thierry | www.TJKDesign.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/
Re: [css-d] Validation Error -moz-outline
Tracy Shorrock wrote: I'm getting rid of the ugly outline that appears on an image when it's used as a link. It doesn't seem to be set to default, as when I don't set -moz-outline I get the ugly borders when I click the links. That ugly outline is actually a border, not an outline. Try this: a img {border-width: 0} -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! Please avoid sending me Word or PowerPoint attachments. See http://www.gnu.org/philosophy/no-word-attachments.html __ 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/