Re: [css-d] How will firefox 3 affect web developers?
Since there always are a few designers who could learn a trick or two about how to break their carefully crafted CSS based layouts before their visitors do, I think it might not hurt to finish off my contribution to this thread with one last comment. DAVOUD TOHIDY wrote: How many times have you happened to open up different browser windows on your monitor and you have resized your browser window and you have encountered problem reading and using the web content because of overlaps etc.? How many times you think visually impaired individuals have tapped on ctrl+ to increase the text size you think? This is what I am trying to solve with layout stability. Fine. Existing guidelines are a bit old... http://www.w3.org/TR/WAI-WEBCONTENT/ ...and the latest aren't up to much yet, they say... http://www.alistapart.com/articles/tohellwithwcag2 If you can improve on things than nothing would be better. This looks like an ok place to start... http://www.jimthatcher.com/sidebyside.htm ...and the rest are better suited for... http://www.webaim.org/discussion/ Come on give up now :) . Why :-) Since we're onto font-resizing: I usually test my creations to '200%' or 'minimum font size = 28px' and check for readability. Minor breakage of design is the norm, and your portfolio is no different in that respect. Plenty of sites that can't take any font-resizing though, so of course you have a point. I also zoom pages to 200% on a 1280 screen - with the mentioned 'minimum font size', and that can be very hard on many layouts. Yours is still a bit too rigid for such treatment, but I've sure seen them worse. ..., but I don't care one bit if it breaks a whole set of rules, definitions and best practices in order to be more flexible than required by known media. Then you are ignoring those who need more readability, Usability and a better user experience. My goal is to providing a better environment for Human Computer Interaction or (HCI). Gosh, that was part of my working title back in the mid 80'. We didn't have the www, HTML and CSS to deal with then, but we had the problems... - If I think a weak User Agent should be supported, then I'll give it something on a level it can handle - without disturbing the better User Agents. I agree. That's a natural part of an inherently unstable approach anyway, and doesn't yield worse results than any other approach. Well not necessarily, It can be an inherently stable approach. So, we have two approaches that aim to solve some of the same problems. Good, I have no problems with that. Let us know how it turns out. I'll continue tuning styles for Opera Mini 4 now. I also have to check up improvements/changes in CSS support in Firefox 3 and Safari 3 vs. older versions a bit more in depth, to see if there's anything that affect my work as a web developer. So far all I can say is that I don't think so. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How will firefox 3 affect web developers?
On 2007/12/01 21:30 (GMT-1000) [EMAIL PROTECTED] apparently typed: From: DAVOUD TOHIDY [EMAIL PROTECTED] to provide a better user experience. My portfolio located at: http://cssfreelancer.awardspace.com is a sample of such a design . Thus it provides a flexible-rigid data-exchange vehicle (design) for the web environment. At +3 steps up from default font in Firefox 2 on Linux, your left side menu overlaps the text. It only takes me +2 in Epiphany, and that's not its only problem. Several weeks ago on http://lists.evolt.org/archive/Week-of-Mon-20071105/192473.html is a thread on Tohidy's Layout Stability, where I demonstrated other problems on that page and touched on how to fix some of them. It has some widths set in px, so it poses typical problems at high DPI and the significantly higher text sizes in px generally necessitated in that context. He's since changed his color scheme, but I demonstrate its user experience degradation and compare to using ems at: http://mrmazda.no-ip.com/SS/Davoto/davoto.html http://mrmazda.no-ip.com/SS/Davoto/sc-davoto2.html http://mrmazda.no-ip.com/SS/Davoto/sc-davoto3.html http://mrmazda.no-ip.com/SS/Davoto/sc-davoto-i3.jpg (float drop, 3 word columns, overlapping) -- Our Constitution was made only for a moral and religious people. It is wholly inadequate to the government of any other. John Adams Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How will firefox 3 affect web developers?
At 02:41 AM 12/2/2007, Gunlaug Sørtun wrote: I suppose I should install Opera and Safari, too, but I just haven't bothered (and at least Opera is good enough with standards compliance that I wouldn't expect anything I'd be doing would break it. You should have all major browsers available for testing even if they are pretty close on most CSS related stuff. Firefox 3.0b1 doesn't look too bad so far, but Fx 2 is/was a bit behind. With all due respect to Opera and Safari's users, based on the visitor stats of the sites I manage (and on stats from sites like thecounter.com), by testing in Firefox and IE, I _am_ testing for all _major_ browsers. I should probably add Safari, as its usage seems to be approaching 5%, but Opera is hardly even a blip on the radar, usually falling below unknown or other on the various lists. Yeah, I know Opera includes a built-in user agent switcher that could deflate its stats, but if it's own users won't even stand up and be counted, I'm not going to bother trying to guess how many of them there might be. :) Erik Harrishttp://www.eHarrisHome.com -AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172- Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] F
First, I'm trying to put up an image in a window. IE7 draws it correctly Opera 9.24 draws a box correctly but not the image Firefox 2.0.0.11 does nothing but add alt text Safari 3.0.4 just puts in a place holder How do I get the image up? Also, none of the above floats the image. How do I get this accomplished? Here's my code: HTML img class=floatright src=c:/cssexe/orangesquare.gif alt=test image width=100 height=100Lorem ipsum this is some more text so i have enough to wrap around the image and then here's some more so I get two lines to see where it goes/img CSS [class] .floatright { float: right; margin: 0 0 10px 10px; border: 1px solid #666;\ padding: 2px; } Thanks, Kay __ 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] delink from this list
Hi, I would like to know how can I delink from this discussion list. Thanks.aitiba __ 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] delink from this list
On 02-Dec-07, at 8:44 PM, aitiba wrote: I would like to know how can I delink from this discussion list. http://www.css-discuss.org/mailman/listinfo/css-d Visit the link above, and use the unsubscribe form (enter your email address and password that you used to sign up with) in the bottom- right corner, titled 'Unsubscribe from CSS-D'. Looking at the footer in any of list messages would have helped. Best, - Rahul. __ 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] images and floats
Okay I took out the absolute address to the image and left it relative and now I get the image in all but firefox. IE7 floats it right without the padding. Opera and Safari don't float it. Kay __ 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] Recall: SOURCE (HTML + CSS) VALIDATES / FF 2.0.0.10 11 BEHAVES STRANGE * REPOST *
Jan Christian Anker would like to recall the message, [css-d] SOURCE (HTML + CSS) VALIDATES / FF 2.0.0.10 11 BEHAVES STRANGE * REPOST *. __ 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] SOURCE (HTML + CSS) VALIDATES / FF 2.0.0.10 11 BEHA VES STRANGE * REPOST *
Thanks Philippe for replying, it was a great help (see below), but problems with www.putti.no http://www.putti.no/ still remain! Now, do a refresh, and the menu is back in place, but still with problems. I don't see any problems when compared to Safari, Gecko nightly build and Opera. OS X 10.4.11. Not with IE 7.0 either, it is FF that has the problem. I would also be most happy if somebody could test the page in FF 2.0.0.9; I believe that the behavior is OK there. I strongly doubt it would be better in Fx 2.0.0.9. As I recall it, it worked correctly in FF 2.0.0.9 (?). The reason: your image (PPP-logo_skrift613x150.gif) has no dimensions specified. Give it width and height in the html or the stylesheet, and the problem will be gone. Have done so for both top pictures, that did eliminated the double loading, that I consider a bug in FF. However, there is still a problem with the font in menu and text, it should be Comic Sans MS (as displayed in IE 7.0) and not Arial as displayed in FF. Thanks, Jan Christian Anker __ 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] F
Is that exactly what you have for the style, or do you have .floatright instead of [class]? Kevin On Dec 2, 2007 6:36 AM, Kay Lindstrom [EMAIL PROTECTED] wrote: First, I'm trying to put up an image in a window. IE7 draws it correctly Opera 9.24 draws a box correctly but not the image Firefox 2.0.0.11 does nothing but add alt text Safari 3.0.4 just puts in a place holder How do I get the image up? Also, none of the above floats the image. How do I get this accomplished? Here's my code: HTML img class=floatright src=c:/cssexe/orangesquare.gif alt=test image width=100 height=100Lorem ipsum this is some more text so i have enough to wrap around the image and then here's some more so I get two lines to see where it goes/img CSS [class] .floatright { float: right; margin: 0 0 10px 10px; border: 1px solid #666;\ padding: 2px; } Thanks, Kay __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 1. Re: How will firefox 3 affect web developers?
Wouldn't it be nice if Adobe made it's own browser and distribute it like flash and acrobat. Since most web pages are made with a Adobe product they could some way control the diffs in browsers and most people would download it like they did with flash and pdfs. It may not be perfect but a start toward limiting the head aches web heads have with different browsers. Be a better sports nut! Let your teams follow you with Yahoo Mobile. Try it now. http://mobile.yahoo.com/sports;_ylt=At9_qDKvtAbMuh1G1SQtBI7ntAcJ __ 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] Forms and CSS
On Dec 1, 2007, at 11:10 AM, Yoyo Etc wrote: I am about to revamp a long form I created a while ago and I want to use CSS to style it. This will be my first form styled with CSS. Does anyone have any good online resources they can point me to that show how to do this? I also found this article useful from WebAssist: http://tinyurl.com/yqxhre __ 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] F
Browser is reading de following descendant selector, from your style sheet: [class] .floatright As this selector doesn't exists your CSS is beeing ignored. Get rid of the [class] statement and things will work. IE7 draws it correctly Weird! Regards, Mauricio Samy Silva http://www.maujor.com/ - Original Message - From: Ren Jonsin [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Sunday, December 02, 2007 4:49 PM Subject: Re: [css-d] F Is that exactly what you have for the style, or do you have .floatright instead of [class]? Kevin On Dec 2, 2007 6:36 AM, Kay Lindstrom [EMAIL PROTECTED] wrote: First, I'm trying to put up an image in a window. IE7 draws it correctly Opera 9.24 draws a box correctly but not the image Firefox 2.0.0.11 does nothing but add alt text Safari 3.0.4 just puts in a place holder How do I get the image up? Also, none of the above floats the image. How do I get this accomplished? Here's my code: HTML img class=floatright src=c:/cssexe/orangesquare.gif alt=test image width=100 height=100Lorem ipsum this is some more text so i have enough to wrap around the image and then here's some more so I get two lines to see where it goes/img CSS [class] .floatright { float: right; margin: 0 0 10px 10px; border: 1px solid #666;\ padding: 2px; } Thanks, Kay __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] images and floats
Thanks for the tip Rahul. I moved the text from out between the img/img tags and the image now appears. Any suggestions for the floats? Kay __ 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] STILL PROBLEMS
The site www.putti.no was subject of an earlier posting of mine! Problem: HTML and CSS validate. The page displays correctly in IE 7.0, but in FireFox 2.0.010 11 not: I am not able to get Comic Sans MS fonts in FireFox. If I recall it correctly, it worked in FireFox 2.0.0.09. Any ideas what may be going on? Thanks and Best Regards, Jan Christian Anker __ 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] STILL PROBLEMS
CSS Specs says: Font names containing whitespace should be quoted [1] So, in your style sheet instead of: font-family: Comic Sans MS; write: font-family: Comic Sans MS; [1] http://www.w3.org/TR/CSS21/fonts.html#font-family-prop Regards, Mauricio Samy Silva http://www.maujor.com/ - Original Message - From: Jan Christian Anker [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Sunday, December 02, 2007 7:46 PM Subject: [css-d] STILL PROBLEMS The site www.putti.no was subject of an earlier posting of mine! Problem: HTML and CSS validate. The page displays correctly in IE 7.0, but in FireFox 2.0.010 11 not: I am not able to get Comic Sans MS fonts in FireFox. If I recall it correctly, it worked in FireFox 2.0.0.09. Any ideas what may be going on? Thanks and Best Regards, Jan Christian Anker __ 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] images and floats
Kay Lindstrom wrote: Any suggestions for the floats? Kay It will help to put the page on your server and provide a clickable link to it so the list can see what you're trying to do. Maybe this will help? http://css.maxdesign.com.au/floatutorial/ See also the list wiki. Best, ~dL PS I prefer banana floats. How about you? -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] STILL PROBLEMS
Jan Christian Anker wrote: The site www.putti.no was subject of an earlier posting of mine! Problem: HTML and CSS validate. The page displays correctly in IE 7.0, but in FireFox 2.0.010 11 not: I am not able to get Comic Sans MS fonts in FireFox. If I recall it correctly, it worked in FireFox 2.0.0.09. Any ideas what may be going on? Thanks and Best Regards, Jan Christian Anker In xp / mac os x 10.4.11 firefox and ie7 render what you specify (and my eyes crossed on landing).. Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11 Best, ~dL PS Be nice to children. Even those whose parents use IE. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How will firefox 3 affect web developers?
Erik Harris wrote: Yeah, I know Opera includes a built-in user agent switcher that could deflate its stats, but if it's own users won't even stand up and be counted, I'm not going to bother trying to guess how many of them there might be. :) Count me out then - I never surf the web with any other browser :-) It is not a question about being counted. There are too many sites that create problems for Opera-users for no other reason than to create problems for Opera-users - probably mixed with a solid dose of ignorance, so regular users of that browser got no choice, really. Once being forced to switch I suspect regular Opera-users to leave its id in the state it happens to be in, since only dysfunctional sites use browser-id as protection. I use the whole array of id's and other tricks built into Opera when I test the quality of sites and the work of their developers. It's an efficient way to separate the good from the not so good, and learn what not to do in web design. As a designer: I never read stats since I have no interest in knowing what visitors to any of my creations are using. I don't make guesses either, since my only interest surrounding browsers is what each of them are capable and not capable of so I can work around their weak spots. As a user: it's the same capability I use as guide. Has made my choices rather simple so far, I'd say. Since this thread started off with a question about the upcoming version of Firefox, for me that browser doesn't make it near the top neither for developing nor using in the state its beta is in, and it doesn't advance much compared with previous versions. I hope that'll improve before the final gets released. Firefox is easy to fix so visitors aren't being bothered, but it excludes itself on, for me, essential points, so Firefox 3 will still only be useful for testing - of itself. Of course, Firefox 3 has no effect on me as a designer since, as mentioned, nothing much has changed and I don't read stats. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] STILL PROBLEMS
Jan Christian Anker wrote: The site www.putti.no was subject of an earlier posting of mine! Problem: HTML and CSS validate. The page displays correctly in IE 7.0, but in FireFox 2.0.010 11 not: I am not able to get Comic Sans MS fonts in FireFox. If I recall it correctly, it worked in FireFox 2.0.0.09. Any ideas what may be going on? Check settings (options) and font-availability for Firefox at your end. Your page/site is presented with Comic Sans MS in Fx 2.0.0.11 and 3.0b1 at my end - same as in other browsers. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How will firefox 3 affect web developers?
With all due respect to Opera and Safari's users, based on the visitor stats of the sites I manage (and on stats from sites like thecounter.com), by testing in Firefox and IE, I _am_ testing for all _major_ browsers. Absolutely agree... FF and IE are the *only* major browsers. All the rest are just wanna-be's. So few people use the other browsers they don't deserve any of my time to accommodate their off-the-mainstream preference. And it's not about which one is the best browser... it's all about what most people use. Therefore, right now at least, IE truly is the only *major* browser. Even FF is simply a more serious contender. Notice a wrote *more* serious contender. Not even a serious contender, yet. It's simply enough in use that I decide to devote time to making content look good on it. What makes a browser *major* is simply how much usage it has. Not how much it does or does not comply with standards. If Opera had 80% of the market share of browser usage, Opera would be my main develop target. But... As far as standards go, the most important standards are decided by the using public, not by the W3C. Some developers are idealists who want to live in the world *they* develop as far as what browsers deserve attention and development time. The rest of us live in the real world. I challenge any developer to develop an app for general consumption that works perfectly in FF and looks terrible in IE and see how much money that make from it. Rick PS - @ Erik... sorry, I meant to post this to the list and not just you, personally. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Erik Harris Sent: Sunday, December 02, 2007 9:19 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] How will firefox 3 affect web developers? At 02:41 AM 12/2/2007, Gunlaug Sørtun wrote: I suppose I should install Opera and Safari, too, but I just haven't bothered (and at least Opera is good enough with standards compliance that I wouldn't expect anything I'd be doing would break it. You should have all major browsers available for testing even if they are pretty close on most CSS related stuff. Firefox 3.0b1 doesn't look too bad so far, but Fx 2 is/was a bit behind. With all due respect to Opera and Safari's users, based on the visitor stats of the sites I manage (and on stats from sites like thecounter.com), by testing in Firefox and IE, I _am_ testing for all _major_ browsers. I should probably add Safari, as its usage seems to be approaching 5%, but Opera is hardly even a blip on the radar, usually falling below unknown or other on the various lists. Yeah, I know Opera includes a built-in user agent switcher that could deflate its stats, but if it's own users won't even stand up and be counted, I'm not going to bother trying to guess how many of them there might be. :) Erik Harrishttp://www.eHarrisHome.com -AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172- Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.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] How will firefox 3 affect web developers?
At 04:36 PM 12/2/2007, Gunlaug Sørtun wrote: It is not a question about being counted. There are too many sites that create problems for Opera-users for no other reason than to create problems for Opera-users - probably mixed with a solid dose of ignorance, so regular users of that browser got no choice, really. I've _occasionally_ run into sites that have problems with standards-compliant browsers, and when I do, I change my user agent with a Firefox extension that I installed years ago (it was one of the first available extensions, IIRC). Otherwise, I leave it as is. I don't even remember the last time I had any need to use the user agent switcher, though. Most issues I've seen in the last few years have been with sites genuinely using IE-proprietary features (usually MS apps like Web-Outlook, which my employer uses), where changing the user agent doesn't do the trick. Given that Opera's standards compliance is about as good as that of Firefox 2 (I'm not going to argue about which is better - each fails at things the other succeeds at, but both are at the top of the list), I wouldn't expect Opera users to need to mask their user agent frequently, either. That's why I figure users who use Opera and mask their user agent have only themselves to blame for no one taking Opera seriously based on visitor stats. Erik Harrishttp://www.eHarrisHome.com -AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172- Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] How to centre text in a div
Hello! I have a general question about vertically aligning text within a div, I would just like to check which is the correct way to get this to happen. When I have a div say for example 50px high and I have a line of text within the div, I normally either use padding to get the text to appear roughly central or I set the line height to 50px. Is there an easier or more correct way to accomplish this? Regards, Clare Green. __ 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] Forms and Line Spacing
I am doing a form using CSS, not tables. However, when I change the line height in the fieldset, I am finding that the label and the input box do not line up as they should. There's too much space between the lines if I leave the line height at 1em. Is there a way to fix this? I am viewing it in IE6. __ 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] Problems with a div
In this page http://www.cgibuenosairesbpba.org/index.php The div “izquierda” in EE 5 dont see in the right, you see that below. Anyone help me? Thanks... and sorry for my english This is de css code: body { margin: 0; padding: 0; font-family: Georgia, serif; font-size: 62.5%; } #encabezado { width: 100%; } #navbar { padding: 5px 0 0 250px; background: #FBFAF4; border-top: 5px solid; font: 1.4em/1.4em Georgia, Times, serif; overflow: hidden; text-align: left; margin-top: 10px; margin-bottom: 0; border-bottom: 1px solid #8e8e78; text-transform: uppercase; height: 2em; } #navbar li { display: inline; margin-left: -5px; } #navbar li a { text-decoration: none; color: #000; } #navbar li a.contacto { border-right: none; } #navbar li a:hover { color: #cd2000; } #logo { margin-top: 0; margin-left: 25px; z-index: 5; position: absolute; top: 10px; width: 175px; height: 175px; background-image: url(./imagenes/logo.gif); } #cuerpo { width: 750px; margin: 0; padding-top: 0; overflow: hidden; } #derecha { width: 175px; float: left; margin-left: 25px; margin-top: 140px; } #derecha #datos { text-align: center; border-bottom: 1px solid gray; margin-top: 10px; } #derecha #datos p { font-size: 1em; margin: 0; line-height: 1.2em; padding-bottom: 5px; } *html#main { overflow: hidden; } #main { float: right; margin: 0; padding: 0; width: 500px; overflow: visible; } #main #centro { width: 313px; float: left; padding-right: 10px; padding-left: 25px; border-right: 1px solid silver; margin: 0; } #main #izquierda { float: right; width: 130px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #7695B7; margin-top: 0; overflow: hidden; } #izquierda h4 { color: #717060; font-size: 1.3em; font-weight: normal; font-style: normal; margin-left: -10px; overflow: visible; width: 130px; margin-right: -10px; background-color: #FBFAF4; border-bottom: 1px solid #8e8e78; padding: 5px 10px; } #izquierda #entradas { } #izquierda #entradas ul { padding: 0; list-style-type: none; list-style-image: none; } #izquierda #entradas li { font: 1em/1.2em Verdana, Lucida Grande, Lucida, sans-serif; padding-bottom: 3px; } #izquierda #entradas li a { color: #000; text-decoration: none; } #izquierda #entradas li a:hover { text-decoration: underline; color: maroon; } #izquierda #busca { background-color: #7695B7; border-style: none; margin-right: -10px; margin-left: -10px; margin-top: 0; padding: 10px; } #izquierda #busca form { margin: 0; padding: 0; height: 20px; display: inline; } #izquierda #busca p { height: 25px; padding: 0; margin: 0; } #izquierda p #cbusca { width: 109px; } #izquierda p #searchsubmit { margin-top: 5px; background: url(./imagenes/busca.gif) no-repeat; width: 45px; height: 20px; } #izquierda #busca .avanza { margin-top: 5px; margin-bottom: 0px; } #izquierda #busca .avanza p { height: 10px; } #izquierda #busca a { font-size: 1em; line-height: 1.2em; color: white; text-decoration: none; margin-top: 5px; } #izquierda #busca a:hover { text-decoration: underline; } /*---*/ #enlaces { margin-top: 5px; } #enlaces ul { border-bottom: 1px dashed silver; padding: 0 0 5px; margin: 0; } #enlaces li { list-style-image: none; list-style-type: disc; padding-bottom: 2px; padding-top: 2px; list-style-position: outside; width: 100px; margin-left: 15px; } #enlaces li a { font: 1em Verdana, Lucida Grande, Lucida, sans-serif; text-decoration: none; color: maroon; padding-top: 2px; padding-bottom: 3px; margin-bottom: 2px; } #enlaces li a:hover { text-decoration: none; color: #000; padding-top: 2px; padding-bottom: 2px; margin-bottom: 2px; } #pie { height: 60px; width: 100%; border-bottom: 5px solid #7695b7; border-top: 1px solid silver; clear: both; margin: 0; padding: 0; } #pie .nombre { float: left; height: 20px; width: 100px; margin-right: 10px;
Re: [css-d] How to centre text in a div
Clare wrote: Hello! I have a general question about vertically aligning text within a div, I would just like to check which is the correct way to get this to happen. When I have a div say for example 50px high and I have a line of text within the div, I normally either use padding to get the text to appear roughly central or I set the line height to 50px. Is there an easier or more correct way to accomplish this? Regards, Clare Green. This one method: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html Best, ~dL PS Not a good idea to use px for line-height as it sometimes trips some browsers. Usually, no unit of measure is used with line-heght-- just a raw number such as 1.7;. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] floats and IE
Hi, I have a few pages on my website that display images, or videos or even just a list of contacts that I have put in divs with the float attribute. They don't work (they don't stack up under themselves, they hide off to the right of the page) in Windows/IE7. I have looked into fixes online and I am very confused. At best I just need to add a width dimension on the #floatwrap div that I have wrapped either the #left55 (on the jc page) or the #floatleft (on the people page). On the video page I see I didn't even wrap the #left55 divs... They all work Mac/ FF or do I need a clear:after somewhere? OUY I am brain dead. Any help much appreciated. Thank you! Cynthia Links http://bio3d.colorado.edu/docs/jc.html http://bio3d.colorado.edu/docs/people.html http://bio3d.colorado.edu/docs/video.html css http://bio3d.colorado.edu/b3dsc.css __ 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] content not wrapping around a float in IE
I'm not sure if the enclosing div should have layout or not in order to get the content to wrap properly around a floated div. In any event, I've tried numerous ways to set it up both ways and still IE shoves the content down below the float. Suggestions appreciated... http://www.bigsurarts.org/newsite/programs.html (or contribute.html, or contact.html, or artists.html...) CSS: http://www.bigsurarts.org/newsite/public/main.css Any other issues you notice also welcome (I do know the dropdown nav has issues and I'm resolving them now.) Thanks, Lisa __ 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] floats and IE
Cynthia Page wrote: I have a few pages on my website that display images, or videos or even just a list of contacts that I have put in divs with the float attribute. They don't work (they don't stack up under themselves, they hide off to the right of the page) in Windows/IE7. Same in all IE/win versions, it seems. or do I need a clear:after somewhere? There's no such property/value in any existing standard. Only checked this page: http://bio3d.colorado.edu/docs/jc.html Add a 'hasLayout' trigger... #floatwrap { height: 1%; } ...and delete the following 'clear: right'... .floatleft { clear: right; } .left55 { clear: right; } ...since they upset IE/win' tender feelings :-) and doesn't do anything useful anyway since there's nothing to clear in that direction. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How will firefox 3 affect web developers?
On 2007/12/02 18:01 (GMT-0500) Erik Harris apparently typed: I figure users who use Opera and mask their user agent have only themselves to blame for no one taking Opera seriously based on visitor stats. Not all Opera users know about UA identification. Opera used to default to identifying itself as IE, and I believe upgrading leaves that old default undisturbed. This means most likely mostly only recently created Opera profiles are resulting in ID as Opera. -- Our Constitution was made only for a moral and religious people. It is wholly inadequate to the government of any other. John Adams Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] floats and IE
Cynthia Page wrote: They don't work (they don't stack up under themselves, they hide off to the right of the page) in Windows/IE7. added width:auto; removed clear:right; #floatwrap { width:auto; overflow: hidden; margin: 10px; border: thin solid #FF6600; } Cheers and good luck ;) SCL __ 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] Site check please
Dear All On my site I am using Tanfa's CSS menu. Used it several times already and it always worked fine. Now on my latest website it does not seem to work properly in one of the IE. Unfortunately I do not know which version and have no clue what could be wrong. The site can be viewed at: http://www.artworksbyrene.com/gnd-info/index.html The menu CSS is: /*start main menu */ #menu { background-image: url(../images/menu.jpg); background-repeat: repeat-x; margin: 8px 0; width: 99.8%; height: 24px; border: 1px solid #030; float: left; } #menu a, #menu h2 { padding: 5px 20px 6px 4px; display:block; font-weight: bold; font-size: 11px; text-decoration:none; background-color: transparent; color: #030; } #menu a:hover { background-image: url(../images/menu-hoover.jpg); background-repeat: repeat; background-color: transparent; color:#903; } #menu ul.first { margin-left: 10px; } #menu ul.xlarge { width: 220px; height: 24px; } #menu ul { list-style: none; float: left; width: auto; } #menu ul ul li { background-image: url(../images/menu-hoover.jpg); background-repeat: repeat-x; } #menu li{ position:relative; } #menu ul ul{ position:absolute; z-index:500; top:auto; display:none; } #menu ul ul ul{ top:0; left:100%; } /* Begin non-anchor hover selectors */ /* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022. It improves IE's performance speed to use the older file and this method */ div#menu h2:hover{ background-image: url(../images/menu-hoover.jpg); background-repeat: repeat; background-color: transparent; color:#903; } div#menu li:hover{ cursor:pointer; z-index:100; } div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul {display:none;} div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul {display:block;} /* End of non-anchor hover selectors */ /* End CSS Popout Menu */ Appreciate any hints/tipps! Thanks, pothound Get easy, one-click access to your favorites. Make Yahoo! your homepage. http://www.yahoo.com/r/hs __ 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] floats and IE
Shawn Lawler wrote: #floatwrap { width:auto; overflow: hidden; margin: 10px; border: thin solid #FF6600; } In case it matters: that won't work properly in IE6. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] floats and IE
Dear Shawn and Georg, Thanks so much! Will this not work in IE6 because of width:auto? Does one need to declare the height:1%, and is this for the HasLayout trick? Cheers, Cynthia - Original Message From: Gunlaug Sørtun [EMAIL PROTECTED] To: Shawn Lawler [EMAIL PROTECTED] Cc: Cynthia Page [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Sunday, December 2, 2007 7:59:29 PM Subject: Re: [css-d] floats and IE Shawn Lawler wrote: #floatwrap { width:auto; overflow: hidden; margin: 10px; border: thin solid #FF6600; } In case it matters: that won't work properly in IE6. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
daniela froehlich wrote: Dear All On my site I am using Tanfa's CSS menu. Used it several times already and it always worked fine. Now on my latest website it does not seem to work properly in one of the IE. Unfortunately I do not know which version and have no clue what could be wrong. The site can be viewed at: http://www.artworksbyrene.com/gnd-info/index.html It is not working in IE6. Are you sure the htc file is on the server and that your path to it is correct? Best, ~dL __ 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] F
Okay, thanks for all the suggestions. The problem is that I don't know enough about floats, I guess. Kay __ 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] floats and IE
Whoops, I did want the jc page to line up the cover images horizontally according to the width of the content div. As here http://hoengerlab.colorado.edu/b3d/docs/jc.html. It looks like now they just stack up one image above the other hortizonally http://bio3d.colorado.edu/docs/jc.html. I want them to go 2,3, or 4 across depending on how large the browser window is. I would like this same effect for the video and you can see that here http://bio3d.colorado.edu/docs/video.html Thanks again Cynthia - Original Message From: Gunlaug Sørtun [EMAIL PROTECTED] To: Shawn Lawler [EMAIL PROTECTED] Cc: Cynthia Page [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Sunday, December 2, 2007 7:59:29 PM Subject: Re: [css-d] floats and IE Shawn Lawler wrote: #floatwrap { width:auto; overflow: hidden; margin: 10px; border: thin solid #FF6600; } In case it matters: that won't work properly in IE6. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] floats and IE
Cynthia Page wrote: Dear Shawn and Georg, Thanks so much! Will this not work in IE6 because of width:auto? Does one need to declare the height:1%, and is this for the HasLayout trick? IE/win (all versions) needs a 'hasLayout'[1] trigger on that #floatwrap, and 'overflow: hidden' only acts as such a trigger in IE7, while 'height: 1%' acts as a 'hasLayout' trigger in all versions. The 'width: auto' is default, and doesn't have to be written since IE/win understands that much anyway. Note that the combination of 'overflow: hidden' and 'height: (any value)' may result in hidden content in some even older IE/win versions. The safest solution is actually to write two sets of styles... #floatwrap { overflow: hidden; margin: 10px; border: thin solid #FF6600; } * html #floatwrap { overflow: visible; height: 1%; } ...to make it work reliable in all IE/win versions. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] F
Kay Lindstrom wrote: Okay, thanks for all the suggestions. The problem is that I don't know enough about floats, I guess. Kay Neither do I. Welcome to the club... ~d -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] floats and IE
Cynthia Page wrote: Whoops, I did want the jc page to line up the cover images horizontally according to the width of the content div. As here http://hoengerlab.colorado.edu/b3d/docs/jc.html. It looks like now they just stack up one image above the other hortizonally http://bio3d.colorado.edu/docs/jc.html. I want them to go 2,3, or 4 across depending on how large the browser window is. I would like this same effect for the video and you can see that here http://bio3d.colorado.edu/docs/video.html Thanks again Cynthia Looks like when you made your last edit you nixed an ';'. .left55 { margin: 10px; padding: 5px add the ';' and it works fine ;) float: left; padding: 0px 2px; border: 1px solid #FF6600; } note: you've got padding specified twice in that rule. The styles should work for your video page as well (although I confess I've never tried it with embedded quicktimes before). SCL __ 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/