Re: [css-d] Site Check and suggestions
Giovanni, Hi all, I need some suggestions for this page I designed: http://adriaticamalagoli.it/cerco 1) Do you think I implemented the form correctly? I used a lot of css and the end result is a table. Maybe I could use a table there? The form looks great on XP/FF2. However as I don't speak Italian I can't really comment on it's implementation. I would steer away from using a table due to accessibility issues associated with tables and forms. 2) What do you think of the overall design? The design is quite nice However - the aspect of scrolling past the table sees a completely different set of content. Again I can't comment due to lack of Italian, but I would reconsider your navigation, or at least make the positioning of logo/nav/content more obvious to users. Regards, Chris __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table extending past window, DIV does not
Philippe Wittenbergh wrote: Using 'float:left' width *no width* declared does the trick for IE 7. On Dec 12, 2006, at 10:31 PM, Gunlaug Sørtun wrote: Looks like the resulting style should be... .content { border: solid 1px #BCCF78; background-color: #FF; display: table; float: left; } ...then, so we don't leave any major browser behind. Actually, the float trick works in all modern browsers here. And , when you think of it, it is kind of logical: (when) the floated block has no width specified, and expands to fit the content, the same way as it would shrink to fit if the table (or other contents) were very small. The logic is clear. However, I observed that Firefox 2.0 (locally on win2K) did not behave as expected with only the float trick (tested back and forth several times to make sure), hence the proposed double-styling. Broken logic or erratic behavior in that Firefox version. I don't think there are any problems with leaving both properties open to all browsers, but this is one of the combinations that Gecko has shown erratic behavior for in earlier cases. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera - continuing woes
Vicki Stebbins wrote: First problem: The footer div with an image doesn't show in Opera, have tried everything to no avail. It's all the way at the top of the page - with image and all, hidden behind the other elements. No surprise, as absolute positioned elements can't be cleared. Try adding... div#footer { position: relative; z-index: 10; } ...and you'll see where it is. Looks like Firefox is just placing the footer at the bottom by pure chance, as it doesn't react on the applied styles either. Second: The page is a shopping cart and each product is within a div with a class attribute which in turn is inside a content div (named ufwus). The second product shows outside of the ufwus div and without the fonts etc. Might be the 'missing /div before /form', or any of the other errors the validator is complaining about. http://www.seco.com.au/cart.html Too many source-code errors to do any serious browser-debugging. http://validator.w3.org/check?uri=http://www.seco.com.au/cart.html There should not be a single source-code error with that doctype, if you want some cross-browser consistency. You should clean it up to an error-free level - maybe apart from the embed. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alternating coloured rows in dynamic website
I am being completely stupid here. Have tried all the suggestions and get no alternating colors. tr .even{background:#eee} tr.odd{background:#F9FBF9} echo 'tr class=even'; echo 'tr class=odd'; The above just gives the odd color. HELP! Ian **IMPORTANT* *** This e-mail contains information which is confidential and may also be privileged. It is for the exclusive use of the intended recipient(s). If you are not the intended recipient(s) please note that any form of, distribution, copying or use of this e-mail or the information in it is strictly prohibited and may be unlawful. If you have received this in error please inform us at the above address then delete the e-mail and destroy any copies of it. Thank you. -Original Message- From: Andy Pemberton [mailto:[EMAIL PROTECTED] Sent: 13 December 2006 00:56 To: Matthew Barnicle Cc: Ian Young; [EMAIL PROTECTED] Css-Discuss. Org Subject: Re: [css-d] alternating coloured rows in dynamic website Generally, I like to add a style rule for regular TRs and then a class for either TR.odd or TR.even (whichever you'd like). tr{ background-color: #eee; } tr.odd{ background-color: #ccc; } This way, you only need to print out the 'class=odd' on the odd rows, which makes your pages smaller and perhaps less complicated. Andy -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.432 / Virus Database: 268.15.18/584 - Release Date: 12/12/2006 23:17 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alternating coloured rows in dynamic website
Ian Young wrote: I am being completely stupid here. Have tried all the suggestions and get no alternating colors. tr .even{background:#eee} Are you really using that line above (with the extra space before the period) or is that a typo in your email? tr.odd{background:#F9FBF9} echo 'tr class=even'; echo 'tr class=odd'; The above just gives the odd color. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Borders + IE positioning + question
Linden A. Mueller wrote: 1a. There's something crazy (or at least unexplainable by me) going on with the borders set on the h3 . I think it has something to do with the inherited width, but I'm not sure, and I wouldn't know how to go about fixing it if that is the problem. Each h3 border gets pulled further to the left by the negative margin I've set, but the setting for the negative margin does not change. I hope that makes sense. IE6 lose track of what to calculate the margins from and position the elements in relation to. Adding a 'hasLayout'[1] trigger to the container... #main {zoom: 1;} ...will give IE something to hold on to. 1b.I think I have the selectors wrong for the list under Heading 3, but I have tried every combination I can think of. I want the bullet to change from a disc to a circle on :hover. Plus, in IE, each li is repositioned when it's hovered for the first time... ?! The same repositioning happens with the navigation list, except it is the border on div#main that is repositioned when you :hover over the nav list. #main ul li:hover {/* styles here */} ...will give you some styling-options. IE6 (and older) can't handle :hover on anything but anchors though. Another 'Layout'[1] problem in IE. Add... #main ul li {zoom: 1;} ...to stiffen up IE's backbone. That'll provide stability in that bugger. See the code here: http://www.accellart.com/test/crazy_borders.htm 2. I know IE handles positioning different, but I still can't get this little back box to stay fixed on the page in IE. In FF, it stays nicely static while scrolling, but in IE, it scrolls away with the page. IE6 (and older win versions) can't handle 'position: fixed' at all. Some possible workarounds here... http://www.gunlaug.no/contents/wd_additions_15.html http://www.gunlaug.no/contents/wd_additions_17.html ...but otherwise we often just ignore the problem. See the code here: http://www.accellart.com/test/ie_pos.htm 3. I feel like my questions are very elementary, and even thought I work on a problem for hours or over several before submitting it, an answer is usually posted within minutes. Does anyone ever get annoyed at stupid questions? (I'm a teacher, and I always tell my students there aren't stupid questions, but I know there are. :) ) In other words, why are you here helping people, and do you really not mind? :) There are no stupid questions, only stupid answers (which I am an expert at providing :-) ). Better correct the above, as asking for logic behind a browser-failure, bug or similar, is somewhat stupid in most cases - according to my cat... http://www.gunlaug.no/contents/molly_1_15.html I don't think any of us mind helping when we have the time - as long as no one expect us to build complete solutions and solve _all_ problems. 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 IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sliding doors with button type=submit tag
Raphaël HUCK wrote: Hi, I'm trying to apply the sliding doors technique to the button type=submit tag, with only 1 image. Styling form elements! What a minefield. What you've got looks pretty good, however to make things really easy I recommend Peter Nederlof's javascript button replacement method [http://www.xs4all.nl/~peterned/blog/accessibleform.html]. Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alternating coloured rows in dynamic website
Subject: Re: [css-d] alternating coloured rows in dynamic website Hi Ian, tr .even{background:#eee} tr.odd{background:#F9FBF9} It's not because of the space before '.even' is it? Sorry that was a typo - no space between the tr and .even Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.432 / Virus Database: 268.15.18/584 - Release Date: 12/12/2006 23:17 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using an Image in a H1 tag
Hi I am trying to use the following css to replace the h1 text with the logo.gif graphic, however the text 'Restaurant' is still appearing on top of the logo.gif graphic? What do I need to add to my css to get rid of this ? _ Hi Ian, Try Restaurant inside the span/span, delete the second /a, and add a style: #header span { margin-left: -px; } Here's my take on it - you don't need the span: CSS --- #logo { width:200px; /* the width of your logo */ height: 120px; /* the height of your logo */ float: left; text-align:left; text-indent:-px; } #logo h1 a { width:200px; /* the width of your logo */ height: 120px; /* the height of your logo */ background: url(/images/your_logo.png) 0 0 no-repeat; float:left; } XHTML - div id=logo h1a href=/ title=Your title hereLovely content for Google/a/h1 /div Does the same job with slightly less code. Cheers George Shape Shed | http://www.shapeshed.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Last letter of a line appearing on next row (IE6...)
Rob O'Rourke wrote: Hi all, I found the PIE explanation and fix for this bug a while ago but I can't seem to find it now. I had the last letter of some floated form elements appearing on the next line. I've managed to get rid of the letter itself with position: relative; on the form input but there's still a 'phantom line' in IE adding a load of 'phantom padding' to the bottom of the label or fieldset. The problem wasn't there when I isolated the fieldset however it is apparent when you look at the whole form in all of its buggy glory: http://www.sanchothefat.com/dev/phantom-line.html (CSS is inline) get rid of all the whitespace including linebreaks between /labellabel Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] bug with cursor in textarea in FF
Bernard, On Dec 12, 2006, at 9:45 AM, Bernu Bernard wrote: The following example : http://www.lptl.jussieu.fr/users/bernu/pub/bugtextarea.html works on most browsers : the cursor is visible everywhere in the textarea. BUT NOT IN FF up to version 2.0 The cursor is not visible when on top of a div with position: fixed. That sure looks like a browser bug. I filed a bug for this https:// bugzilla.mozilla.org/show_bug.cgi?id=363692. Unfortunately, I haven't been able to come up with a workaround. -- 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 IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 2. alternating coloured rows in dynamic website (Ian Young)
You could try defining a class for even rows -- then add something like that to your code: tr ?=$par++%2?'class=even':''? Rgds. Fausto __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site check (IE7 please!)
I need checks on Macs and in IE7 mainly, but I would love as many checks as possible. Our CMS software adds some tables and extra code that I am wading through, but I think it's only affecting styling, hopefully the main layout is stable. Screenshots would be helpful if you notice any problems. Oh, and if anyone can tell me how to stop the right column border from sticking out into the margin at the bottom in IE, I'd be grateful. http://209.59.136.73/ Thanks again to all who helped me work out the kinks in the layout. Robin~ www.wonderbabydesigns.com www.diaperfreebaby.org (site redesign http://209.59.136.73/) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 2. alternating coloured rows in dynamic website (IanYoung)
You could try defining a class for even rows -- then add something like that to your code: tr ?=$par++%2?'class=even':''? Already tried that -I can do it in php, but want a css solution. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.432 / Virus Database: 268.15.18/584 - Release Date: 12/12/2006 23:17 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 2. alternating coloured rows in dynamic website (IanYoung)
Ian, on Wednesday, December 13, 2006 at 12:27 Ian Young wrote: You could try defining a class for even rows -- then add something like that to your code: tr ?=$par++%2?'class=even':''? Already tried that -I can do it in php, but want a css solution. There is no css-only way until browsers will support css3. You should go the php way and generate different classes for the alternating rows. For further reading on css3 selectors: http://www.w3.org/TR/2005/WD-css3-selectors-20051215/#structural-pseudos regards Martin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 2. alternating coloured rows in dynamic website(IanYoung)
Ian, Not sure what's already been suggested, but I have this, which is working tr... /tr tr class=alternate ... /tr td {background-color: #FFF; } tr.alternate td {background-color: #eee;} M. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ian Young Sent: 13 December 2006 12:27 To: Fausto; css-d@lists.css-discuss.org Subject: Re: [css-d] 2. alternating coloured rows in dynamic website(IanYoung) You could try defining a class for even rows -- then add something like that to your code: tr ?=$par++%2?'class=even':''? Already tried that -I can do it in php, but want a css solution. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.432 / Virus Database: 268.15.18/584 - Release Date: 12/12/2006 23:17 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check - www.nsbhs.nsw.edu.au
Chris Broadfoot wrote: David Thanks for the site check. and to the best of my knowledge everything is XHTML and CSS valid. Valid, yes, but why are there so many empty spans in there? Image replacement, mostly. OK. I'd suggest turning of the full justification on the text in your column. You don't have enough words, the column is too narrow, browsers generally don't microspace, AND computer screens don't really have enough resolution to do full-justified text properly. I didn't think it looked too bad for that one paragraph. Perhaps I will left-justify. I may depend on visitor's font sizes and such. On my display, there were big gaps between words that looked bad. In fact, the previous person who had worked on the site had every single page justified (and not coded in the style-sheet). What a headache. Yuck! -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera - continuing woes
On Wed, 13 Dec 2006 18:19:28 +0900, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Vicki Stebbins wrote: First problem: The footer div with an image doesn't show in Opera, have tried everything to no avail. Try adding... div#footer { position: relative; z-index: 10; } ...and you'll see where it is. Might be the 'missing /div before /form', or any of the other errors the validator is complaining about. Yep, I fixed up the incorrect nesting of the divs and forms and the grass appeared without needing to fiddle with the CSS. Short answer: fix the XHTML so it validates! I got it down to only complaining about the embed and an onchange attribute. HTH, -- Andrew Gregory, URL: mailto:[EMAIL PROTECTED] URL: http://www.scss.com.au/family/andrew/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can one disable a style sheet just for a menu?
THOMAS ROGERS wrote: For a long time now I've wanted to learn how to create drop down menus. I tried many CSS based methods but never got them working, so last Friday I decided to give the Sothink dhtml menu tool a try. Using the tool as an ad in to Frontpage, I created an include page at http://www.ncmhcso.org/includepages/include.htm. I created a DWT using the above include page, and then the final product is at a test page http://www.ncmhcso.org/test-inner.htm. Take a look at this and you will see that the menu is much more expansive than the include page. I think what's happening is that it's being governed by the style sheet. I'd prefer to control the menu using the tool, and I'm fearful of making major changes to the style sheet. Is there a quick and easy way to disable the style sheet just for the menu? Hi Tom, AFAIK, I'm afraid not: the styles of the script are heavily interfering with the page styles, and it is a rather complicated (: long loading!) script. Maybe you can isolate the included part totally from the normal page, use it as a separated page, and put it in place by an iframe. Then the main style cannot influence the menu styles. * QckDrty raw testpage http://home.tiscali.nl/developerscorner/css-discuss/test-inner-new.htm Additional styling of the include and the normal page will be needed (I hope it is possible). But imho I think I should prefer a Suckerfish like css drop down. :-) Did you try the examples from Listamatic2 already? * http://css.maxdesign.com.au/listamatic2/ Success and greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 2. alternating coloured rows in dynamic website (IanYoung)
Clark, Martin (M.) wrote: Ian, Not sure what's already been suggested, but I have this, which is working tr... /tr tr class=alternate ... /tr td {background-color: #FFF; } tr.alternate td {background-color: #eee;} The above CSS, or something similar, is the only way to accomplish this with pure CSS. For the record, CSS can't just magically know to make alternate rows different colors because it's based on ancestors and descendants to select elements, and one table row is the same as another table row. They're both descendants of a tbody or table, so there's no way to distinguish one from another, except as siblings, but that would involve too many crazy sibling selectors. Just pointing out the logic behind CSS's inability to handle this task best left to programming in case anyone decides to malign my precious CSS2 for it. ;-) As Martin Heiden pointed out, CSS3 will be able to handle this, though. Martin Clark, note how I cut out all of the previous message that wasn't relevant to my reply. This is called trimming, and its a requirement of posting on this list. Please be sure to do this with your future messages. We'd also appreciate it if you bottom-posted, as I'm doing, but this isn't a requirement. Thanks, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check (IE7 please!)
Wonderbaby Designs wrote: I need checks on Macs and in IE7 mainly, but I would love as many checks as possible. Our CMS software adds some tables and extra code that I am wading through, but I think it's only affecting styling, hopefully the main layout is stable. Screenshots would be helpful if you notice any problems. Oh, and if anyone can tell me how to stop the right column border from sticking out into the margin at the bottom in IE, I'd be grateful. http://209.59.136.73/ Thanks again to all who helped me work out the kinks in the layout. Robin~ www.wonderbabydesigns.com www.diaperfreebaby.org (site redesign http://209.59.136.73/) Hi Robin, Had a quick look, the tables and layout seem to be consistent across the browsers i checked in, Opera, IE6/7, FF1.5 and 2.0. One thing I noticed is the quotes under the heading have backslashes to escape certain single quotes, i guess it's because they're written out by php. Is it possible you don't need them or could you use a html entity instead like lsquo; or prime;? As for the border extending down try placing the overflow: hidden; rule on #SOWrap and see if that helps. I notice that in IE6 also while the page doesn't scroll as far as in IE7 the border still extends to the bottom of the body, hopefully whatever fixes IE7 will fix this too. Watch out for other IE bugs this may cause though. Sorry I can't be more help. Hopefully Georg can answer that one properly =] Rob O __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alternating coloured rows in dynamic website
Hi Ian, tr .even{background:#eee} tr.odd{background:#F9FBF9} It's not because of the space before '.even' is it? Will that not affect children of the tr, rather than the tr itself? Of course, it could just be that Thunderbird is messing with me this morning :) -Rob -- Rob Wilmshurst [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Need help and some criticism for layout!
Hello all, first time poster and first full CSS/XHTML layout, so be kind! Here's the site: http://www.michaellawrencenewton.com Here's some of my own complaints: The client doesn't mind the glitches in IE5/5.5 for Mac (the menu at the bottom shifts to the left and top, especially in widescreen browsers), but I do. I can't seem to get the overall layout to stretch vertically to the bottom of the screen in larger-width. If I don't have enough content to stretch the height of the page, how do I set the height in the style sheet without blowing out the layout? I wanted to make a 2-column layout out of the Words page, but I can't seem to make it work. When I made the maincontent div a container with 2 content divs inside, the divs didn't work as columns, even with floats left and right. Of course it looks fine in Firefox, but IE5/5.5 for Windows looks a little different. Again, the client doesn't care as long as he's live. I'm trying to understand how the hacks for IE work, but I still don't fully understand how they work. Thank you all in advance for your input! Todd -- The suburbs have the charms to soothe the restless dreams of youth. -Neil Peart, Rush __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check (IE7 please!)
http://209.59.136.73/ As for the border extending down try placing the overflow: hidden; rule on #SOWrap and see if that helps. I notice that in IE6 also while the page doesn't scroll as far as in IE7 the border still extends to the bottom of the body, hopefully whatever fixes IE7 will fix this too. Watch out for other IE bugs this may cause though. Sorry I can't be more help. Hopefully Georg can answer that one properly =] Keepin existing styles as is, and placing the following addition _after_ existing styles for #SOWrap, should fix IE6 and IE7 - without disturbing any other browser... * html #SOWrap {overflow-y: hidden; /* for IE6 */} *:first-child+html #SOWrap {overflow-y: hidden; /* for IE7 */} ...but I can only confirm that IE6 is doing fine with it. Note that there must be two, separate, declarations. Putting them together as one will make IE6 call the '+' part of the IE7-hack an invalid selector, thus make IE6 ignore the whole thing. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alternating coloured rows in dynamic website
On 12/13/06, Ian Young [EMAIL PROTECTED] wrote: I am being completely stupid here. Have tried all the suggestions and get no alternating colors. tr .even{background:#eee} tr.odd{background:#F9FBF9} Your sytnax is wrong for the shortcut rule. It should be {background: #eee none;} You should style the tds in the styled row, not the row itself. Descendant selectors allow you to do this easily. e.g. tr.even td {background: #eee none;} You might need to apply a {border-collapse: collapse;} rule to the table for this to look right. Also you don't need to specify two classes, one will do. Just make the default style of the table the one color and the td's in the classed tr rows the other one. -- Ed Seedhouse __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish IE7 non-stick problem
Ingo wrote: You could add haslayout to the li and something to work on for the hover, e.g. li {zoom:1; background-color: white;} If you cannot use the background-property, an alternative would be to use a filter: http://archivist.incutio.com/viewlist/css-discuss/81975 Thank you for your suggestion, it seems to be working: http://datagnostics.com/test/IE7testzoom.html I don't like using zoom to give layout, because I'd rather use something that validates, but I decided it wasn't worth the extra hassle for this particular client's case. Meanwhile, I've been reading On Having Layout http://www.satzansatz.de/cssd/onhavinglayout.html trying to internalize your zen-like The Hand We've Been Dealt attitude. You write: Another common problem with lists in IE occurs when the content of any li is an anchor with display: block. . . . One of the methods to avoid this extra vertical space is to give layout to the block anchors. This also has the benefit of making the whole rectangular area of the anchors clickable. By anchors, do you mean named HTML anchors? e.g. 'a href=#namename/a'? Why anchors only, and not links in general? Mary Ellen Doctor Science, MA __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 2. alternating coloured rows in dynamic website (IanYoung)
This solution, http://www.thewatchmakerproject.com/journal/309/stripe-your-tables -the-oo-way, requires only a modicum of javascript. Nah! Thanks anyway - as php does it pretty neat I don't need Javascript. Off to try Ed Seehouses suggestion. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.432 / Virus Database: 268.15.18/584 - Release Date: 12/12/2006 23:17 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Making an anchor not clickable?
I always design my navigation menus so that the current page is highlighted in some way. I add a class=current to the anchor tag with the appropriate styling in the CSS. Is there a way in the CSS to also make that link NOT CLICKABLE? If you are on the About page I don't think you should be able to click the About button on the menu. Possible? Thanks, Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check - www.nsbhs.nsw.edu.au
Yikes - my mistake! My pocket dictionary didn't have that alternate spelling, but you're right, the full-size version does. Thanks for the site check. Your menu button for ENROLLMENTS has a typo. I'm sorry, where is this typo? Enrolments is the correct spelling and as far as I can see, it is used consistently throughout Regards Chris _ Talk now to your Hotmail contacts with Windows Live Messenger. http://clk.atdmt.com/MSN/go/msnnkwme002001msn/direct/01/?href=http://get.live.com/messenger/overview __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making an anchor not clickable?
That's what I figured. Removing the link from said page is exactly what I've done in the past so I guess I'll stick with it... Mike -Original Message- From: James Bennett [mailto:[EMAIL PROTECTED] The only reliable thing is not to make it a link. CSS cannot specify behavior -- only styling, and while JavaScript does in theory provide a way to capture and stop the click (via the preventDefault method of DOM events), this method is not entirely portable across browsers. -- May the forces of evil become confused on the way to your house. -- George Carlin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] having problems IE7
Hi all you fabulous CSS gurus I've been working on a new project, seems to be going OK but for some reason IE 7 is not working right. The Customer Service info should be showing on the left of the main content box, but it floats over the content box in IE 7. Can someone take a look and help me. http://www.incense-salishwinds.com/ Thank you Terri Terri Chicko Salsih Winds Incense and Fragrances www.incnese-salishwinds.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making an anchor not clickable?
Michael Stevens wrote: That's what I figured. Removing the link from said page is exactly what I've done in the past so I guess I'll stick with it... Mike re: Making an anchor not clickable? I may not understand...but, a href=#home/a is still clickable in the sense that the page will flash when clicked. Personally, I think it should be dead in the water. Have you tried: listronghome/strong/li and style strong {... }as appropriate? Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alternating coloured rows in dynamic website - CRACKED IT
alternating colors. tr .even{background:#eee} tr.odd{background:#F9FBF9} Ed Seehouse wrote Your sytnax is wrong for the shortcut rule. It should be {background: #eee none;} Not sure I agree with you here. Solution as follows: Css .attributes-even{ background-color:#f9fbf9; } .attributes-odd{ background-color:#eee; } ?php $rows = 0; while (!$configuration-EOF) { $rows++; ? tr class=?php echo (floor($rows/2) == ($rows/2) ? 'attributes-even' : 'attributes-odd'); ? td all the real stuff/td ?php $configuration-MoveNext(); } ? Thanks to all for your suggestions. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.432 / Virus Database: 268.15.18/584 - Release Date: 12/12/2006 23:17 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Borders + IE positioning + question
I haven't had a chance to look at your suggestions, but I am unfamiliar with 'hasLayout'[1] It looks like JavaScript to me... is it a CSS rule? Same with zoom--is it CSS 3? I don't see it in any CSS2 references... Molly seems to know what she's talking about! :) On 12/13/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Linden A. Mueller wrote: 1a. There's something crazy (or at least unexplainable by me) going on with the borders set on the h3 . I think it has something to do with the inherited width, but I'm not sure, and I wouldn't know how to go about fixing it if that is the problem. Each h3 border gets pulled further to the left by the negative margin I've set, but the setting for the negative margin does not change. I hope that makes sense. IE6 lose track of what to calculate the margins from and position the elements in relation to. Adding a 'hasLayout'[1] trigger to the container... #main {zoom: 1;} ...will give IE something to hold on to. 1b.I think I have the selectors wrong for the list under Heading 3, but I have tried every combination I can think of. I want the bullet to change from a disc to a circle on :hover. Plus, in IE, each li is repositioned when it's hovered for the first time... ?! The same repositioning happens with the navigation list, except it is the border on div#main that is repositioned when you :hover over the nav list. #main ul li:hover {/* styles here */} ...will give you some styling-options. IE6 (and older) can't handle :hover on anything but anchors though. Another 'Layout'[1] problem in IE. Add... #main ul li {zoom: 1;} ...to stiffen up IE's backbone. That'll provide stability in that bugger. See the code here: http://www.accellart.com/test/crazy_borders.htm 2. I know IE handles positioning different, but I still can't get this little back box to stay fixed on the page in IE. In FF, it stays nicely static while scrolling, but in IE, it scrolls away with the page. IE6 (and older win versions) can't handle 'position: fixed' at all. Some possible workarounds here... http://www.gunlaug.no/contents/wd_additions_15.html http://www.gunlaug.no/contents/wd_additions_17.html ...but otherwise we often just ignore the problem. See the code here: http://www.accellart.com/test/ie_pos.htm 3. I feel like my questions are very elementary, and even thought I work on a problem for hours or over several before submitting it, an answer is usually posted within minutes. Does anyone ever get annoyed at stupid questions? (I'm a teacher, and I always tell my students there aren't stupid questions, but I know there are. :) ) In other words, why are you here helping people, and do you really not mind? :) There are no stupid questions, only stupid answers (which I am an expert at providing :-) ). Better correct the above, as asking for logic behind a browser-failure, bug or similar, is somewhat stupid in most cases - according to my cat... http://www.gunlaug.no/contents/molly_1_15.html I don't think any of us mind helping when we have the time - as long as no one expect us to build complete solutions and solve _all_ problems. 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 IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] having problems IE7
Terri Chicko wrote: Hi all you fabulous CSS gurus I've been working on a new project, seems to be going OK but for some reason IE 7 is not working right. The Customer Service info should be showing on the left of the main content box, but it floats over the content box in IE 7. Can someone take a look and help me. http://www.incense-salishwinds.com/ left:0; 8) Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] hover state, background-image discrepancy
Many thanks francky!! The enlargement idea really sheds light on that. I had considered some type of overlap as the root cause, but it didn't seem possible because I was incorrectly thinking there was only a 1-pixel diagonal of transparency (instead of the actual 2-pix diag), and the white background was still visible. Warm regards, Mark Hi Mark, It is the moiré effect in the hover image (nav-hov.gif), depending on the the horizontal position of the list items. This is caused by the transparent dotted pixels in the hover img, which are enabling the background behind to peep through. But that bg-img (nav-bg.gif) is also a dotted img. If you change margins/paddings of the menu items, or change the browser font-size, the horizontal position of the hover-img related to the background is shifting 1 or more px. The combination can be a hit, can be no hit, by accident. Then the different shades of the hovers are changing places. :-) When enlarged 5 times, you can see this: * http://home.tiscali.nl/developerscorner/css-discuss/images/moire-effect.gif *%20%20http://home.tiscali.nl/developerscorner/css-discuss/images/moire-effect.gif What you can do, is just fill the transparent dots in the hover-img with a solid color. Success and greetings, francky PS: Don't underestimate a screenshot for analyzing strange webpages http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-idx-5x.png: enlarge in a paint program to see what is really happening. ;-) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ _ Get free, personalized commercial-free online radio with MSN Radio powered by Pandora http://radio.msn.com/?icid=T002MSN03A07001 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check (IE7 please!)
Rob O'Rourke wrote: Wonderbaby Designs wrote: I need checks on Macs and in IE7 mainly, but I would love as many checks as possible. Our CMS software adds some tables and extra code that I am wading through, but I think it's only affecting styling, hopefully the main layout is stable. Screenshots would be helpful if you notice any problems. Oh, and if anyone can tell me how to stop the right column border from sticking out into the margin at the bottom in IE, I'd be grateful. http://209.59.136.73/ Thanks again to all who helped me work out the kinks in the layout. Hi Robin, Had a quick look, the tables and layout seem to be consistent across the browsers i checked in, Opera, IE6/7, FF1.5 and 2.0. One thing I noticed is the quotes under the heading have backslashes to escape certain single quotes, i guess it's because they're written out by php. Is it possible you don't need them or could you use a html entity instead like lsquo; or prime;? The backslashes shouldn't be appearing in the output HTML. This indicates a problem in the PHP script. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] overflow: hidden not inherited?? (was - site check (IE7 please!))
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Gunlaug Sortun Keepin existing styles as is, and placing the following addition _after_ existing styles for #SOWrap, should fix IE6 and IE7 - without disturbing any other browser... * html #SOWrap {overflow-y: hidden; /* for IE6 */} *:first-child+html #SOWrap {overflow-y: hidden; /* for IE7 */} ...but I can only confirm that IE6 is doing fine with it. Yes, that worked for XP/ IE6, thank you! I am wondering why I wouldn't add this to my pageWrap div, which already has the overflow set to hidden. To ask differently, why didn't the SOWrap inherit this rule from the pageWrap or should I add these fixes to the pageWrap instead of the SOWrap?? Inherited rules are very confusing. Robin~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] My Web site does not display properly in IE7
It still works fine in Firefox 2 and Opera 9. The site's at http://www.mettapress.com/. The problem is that in IE7 the Menu box and the box beneath it that contains the wording Downloadable tai chi ... should be to the left in the area with the red background. Any help in correcting this problem would be much appreciated. Thanks, Howard __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] backslashes after single quotes (was - site check (IE7 please!)
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Rob O'Rourke Had a quick look, the tables and layout seem to be consistent across the browsers i checked in, Opera, IE6/7, FF1.5 and 2.0. One thing I noticed is the quotes under the heading have backslashes to escape certain single quotes, i guess it's because they're written out by php. Is it possible you don't need them or could you use a html entity instead like lsquo; or prime;? oh, yes, thank you for pointing that out. It is something the php is adding in and I keep forgetting to fix it. I'd copied the quotes from a text file without changing the punctuation into html, and the quotes module thinks I'm trying to insert code (it's a little finicky that way). I just fixed them. Robin~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My Web site does not display properly in IE7
Can't help you with this, but: I apply with equal diligence the three essential of editing. Perhaps you meant essentials? -Original Message- From: Canine Cushings Subject: [css-d] My Web site does not display properly in IE7 The site's at http://www.mettapress.com/. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making an anchor not clickable?
At 12/13/2006 11:10 AM, ~davidLaakso wrote: re: Making an anchor not clickable? I may not understand...but, a href=#home/a is still clickable in the sense that the page will flash when clicked. Personally, I think it should be dead in the water. In browsers I'm familiar with, href=# will jump/scroll to the top of the page if the viewport isn't already homed, so I wouldn't categorize that as inert markup. I would imagine that href= would more effectively cancel the link, or, of course, eliminating the anchor from the markup altogether. However, the original poster asked if there were a way to disable a link with CSS. I believe this is possible by positioning a transparent foreground GIF on top of the link, rather like a clear plastic shield over a button. The GIF would have to be in the markup, so semantically it might be seen as extraneous, but with a blank alt it should at least be semantically inert. Regards, Paul __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check (IE7 please!)
Robin, On Dec 13, 2006, at 6:04 AM, Wonderbaby Designs wrote: I need checks on Macs and in IE7 mainly, but I would love as many checks as possible. Our CMS software adds some tables and extra code that I am wading through, but I think it's only affecting styling, hopefully the main layout is stable. Screenshots would be helpful if you notice any problems. http://209.59.136.73/ Mac checks in Safari2, ff2, Opera9, all match. ICab displays well except that the columns/footer stuff are _way_ down the page. IE/mac does a pretty good job of scrambling the layout, but everything is readable. IE/mac could probably be fixed, but you/your customer will have to decide whether it is worth it. The other option is to hide the css from ie/mac and let the users read an unstyled page. The only thing I noticed is that you don't have a background color specified for the body element. That means the browser default/user choice appears all around the edges of your layout. In my case it is kind of a blue-green color. I'm betting you were envisioning white :-) All in all, a nice looking page. -- Roger Roelofs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making an anchor not clickable?
Paul Novitski wrote: At 12/13/2006 11:10 AM, ~davidLaakso wrote: re: Making an anchor not clickable? I may not understand...but, a href=#home/a is still clickable in the sense that the page will flash when clicked. Personally, I think it should be dead in the water. However, the original poster asked if there were a way to disable a link with CSS. I believe this is possible by positioning a transparent foreground GIF on top of the link, rather like a clear plastic shield over a button. The GIF would have to be in the markup, so semantically it might be seen as extraneous, but with a blank alt it should at least be semantically inert. I've found that including an onclick=return false attribute on the anchor element does the trick. While this solution uses javascript and not css, it does get the job done. I've tested this solution with success under Firefox, Safari and IE6. --Ryan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Borders + IE positioning + question
Linden A. Mueller wrote: I haven't had a chance to look at your suggestions, but I am unfamiliar with 'hasLayout'[1] It looks like JavaScript to me... is it a CSS rule? It is MSIE internal behavior - how IE/win reacts to certain CSS 'property: value' pairs. In fact: it's a bug - present in all IE/win versions to some degree, and you'll have to deal with it whether you like it or not. The hardest thing is how do we turn it off, and the answer is quite often that we can't turn it off without breaking the design. The article[1] describes what it's all about. Same with zoom--is it CSS 3? I don't see it in any CSS2 references... It is not a W3C CSS-standard property. It is a Microsoft CSS property, since IE5.5. As such it can be applied without disturbing any other browser, which makes it useful as a 'hasLayout'[1] trigger, but you won't get a valid button if the W3C CSS validator sees it. To be clear here: all browsers have some CSS 'property: value' sets that are not in the regular W3C CSS standards, or are pre-trials of what may end up in a future CSS standard. IE/win only has a lot more proprietary 'property: value' sets and other additions than any other browser, and we make use of those in order to work around IE/win's lack of real standard-support. Molly seems to know what she's talking about! :) Indeed! (She had a good teacher - or maybe it was the other way around ;-) ) 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 IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check (IE7 please!)
-Original Message- From: Roger Roelofs [mailto:[EMAIL PROTECTED] Sent: Wednesday, December 13, 2006 2:07 PM http://209.59.136.73/ Mac checks in Safari2, ff2, Opera9, all match. ICab displays well except that the columns/footer stuff are _way_ down the page. Do you mean that the columns are moving below the main content?? I had that problem with IE before I zeroed out the padding/margins, I wonder if there's some default that it's adding back in making the column content too wide to float properly. Is iCab used a lot?? I'll have to ask our German group if they think it's worth trying to fix. IE/mac does a pretty good job of scrambling the layout, but everything is readable. IE/mac could probably be fixed, but you/your customer will have to decide whether it is worth it. The other option is to hide the css from ie/mac and let the users read an unstyled page. I think my dad has IE on his Mac so I'll go see how bad it is and decide what to do; I might need some pointers on fixes or maybe we can set up a simple style just for that browser. The only thing I noticed is that you don't have a background color specified for the body element. That means the browser default/user choice appears all around the edges of your layout. In my case it is kind of a blue-green color. I'm betting you were envisioning white :-) Yikes!! Yes, I was envisioning white and I obviously have my browsers set to white, since I didn't even notice ;-) I'll bet the blue-green looked really strange with my tan purple. I'll go fix that right away! All in all, a nice looking page. Thank you!! Robin~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making an anchor not clickable?
I'm not scared of JavaScript like a lot of people seem to be... :) I haven't yet figured out why anyone would want to stop javascript, flash, etc. from working when viewing the web... it's akin to wearing a ballcap, sunglasses, blinders, and looking through a pinhole camera to view the world. With some common sense it's not difficult to avoid online viruses (but this is an argument in itself). Would that work without changing the href=link.html to href=#? My only problem with that one is that it requires me to change the link on each page; the same as adding the GIF. Although, I guess I could have the GIF on each link and on the :hover attribute give it a higher z-index. Not a big deal, of course, but the original post was in hopes that CSS could make the link inactive. Mike -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ryan Grimm I've found that including an onclick=return false attribute on the anchor element does the trick. While this solution uses javascript and not css, it does get the job done. I've tested this solution with success under Firefox, Safari and IE6. --Ryan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check - www.nsbhs.nsw.edu.au
[EMAIL PROTECTED] wrote: Hi all, I've just finished this website, and to the best of my knowledge everything is XHTML and CSS valid. I've tried to make the site as accessible as I can, but I'm requesting a site check just in case I've missed anything. Regards Chris Hi Chris, General impression: good work! Maybe you can add a hidden link (on screen, margin-left: -px or so) skip to main content and the words Main menu...: just before the menu-items (like In this section...: before the links to those items), then visitors in textreaders don't have to listen the menu-items in every page before they can hear the topics of the page itself. (though they can jump to the second H1). - Can be useful for the no-style visitors too. On the page whynsbhs.php the list items are used as a kind of headings. In fact only the first (bold) line is a list item/heading, the rest are normal paragraphs. Seen/heard in Fangs, it is quite a lot of text before the next bullet of the list is coming. * screenshot Fangs http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-nsbhs.png An alternative can be: use real headings for the bold lines, and style them for screen as list-items-without-list, just as the are now: #sixReasons h2 { display: list-item; font-size: ..em; } #sixReasons p { margin-left: 40px; } See css2.1 specs http://www.w3.org/TR/CSS21/visuren.html#display-prop. Greetings, francky PS: holistic approach to education without the 50% female part of mankind: where are the girls? ;-) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] overflow: hidden not inherited?? (was - site check (IE7 please!))
Wonderbaby Designs wrote: I am wondering why I wouldn't add this to my pageWrap div, which already has the overflow set to hidden. To ask differently, why didn't the SOWrap inherit this rule from the pageWrap or should I add these fixes to the pageWrap instead of the SOWrap?? Inherited rules are very confusing. Yes, and not many rules are inherited down the nesting-chain. The rule in question: 'overflow: hidden', is not inherited. I didn't go back to check all variables, but there is one additional problem with IE that is probably affecting the result and how applied fixes work. - You have several 'position: relative' in there, and elements with that 'property: value' will overflow their container if they are too large - even if we declare 'overflow: hidden' on the container. The effect in IE6 is that the container stops growing - which is otherwise a big problem with IE6' auto-expansion bug, but the too large elements will appear visible beyond the edge of the container. Nested elements/containers, where some have 'position: relative' and some have not, can be a nightmare to control overflow-wise in IE6 (and older versions). Don't know about IE7, but I have the impression that it isn't improved much. So, I added the fix where it worked as intended in IE/win, and just checked for unintended side-effects in that and other browsers. Firefox didn't like 'overflow-y: hidden' there, so the IE-targeting hacks was necessary. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making an anchor not clickable?
Ryan Grimm wrote: [...] I've found that including an onclick=return false attribute on the anchor element does the trick. While this solution uses javascript and not css, it does get the job done. I've tested this solution with success under Firefox, Safari and IE6. --Ryan Hi Mike, Adding: li.current a { cursor: default; text-decoration: none; color: ; } /* normal text-color, or special highlight styles */ can be helpful too: nothing is happening at hover, apparently no clickable link, no reason to click. Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making an anchor not clickable?
Yes, that is a good addition. Most people don't recognize a link unless they see the little hand... Thanks, Mike -Original Message- From: francky [mailto:[EMAIL PROTECTED] Hi Mike, Adding: li.current a { cursor: default; text-decoration: none; color: ; } /* normal text-color, or special highlight styles */ can be helpful too: nothing is happening at hover, apparently no clickable link, no reason to click. Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making an anchor not clickable?
At 12/13/2006 02:31 PM, Michael Stevens wrote: I'm not scared of JavaScript like a lot of people seem to be... :) I haven't yet figured out why anyone would want to stop javascript, flash, etc. from working when viewing the web... it's akin to wearing a ballcap, sunglasses, blinders, and looking through a pinhole camera to view the world. With some common sense it's not difficult to avoid online viruses (but this is an argument in itself). Would that work without changing the href=link.html to href=#? My only problem with that one is that it requires me to change the link on each page; the same as adding the GIF. Although, I guess I could have the GIF on each link and on the :hover attribute give it a higher z-index. Not a big deal, of course, but the original post was in hopes that CSS could make the link inactive. My idea was to mark up one GIF for the entire menu, then position it over the current link using CSS alone. That way you can use the same menu markup each time, just point to different links via the page id or class. If you're going to modify the menu HTML when each different link becomes current, you might as well just remove the anchor tag and forget the fancy dancing. I think you're right not to be afraid of javascript, but do be sensible: realize that any solution that DEPENDS on javascript will BREAK in browsers with scripting disabled, as is too often the case in corporate environments and in the general population. There's a whole school of thought around creating web pages that work for everyone -- then give some users a faster or nicer experience if they have certain features such as javascript available and enabled. Google unobtrusive javascript and progressive enhancement. From a development point of view, if you can get your page to do what you want without adding widgets, why add widgets? It's just more stuff for you to create and maintain and more stuff for your users to download. Personally I love javascript but I use it extremely sparingly these days. I've learned how to produce most of the effects that I used javascript to achieve with CSS and server-side scripting. Once I've provided a non-scripting solution, why supply a redundant solution using scripting unless it enhances the page? It's like replacing moving parts with solid-state components. The fewer gears and pulleys, the less can break. Regards, Paul __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can one disable a style sheet just for a menu?
Dear Francky, I'm impressed by your developerscorner/css page: * QckDrty raw testpage http://home.tiscali.nl/developerscorner/css-discuss/test-inner-new.htm This is not what I expected to see happen! Thanks so much for taking the time. This proves that the style sheet is what is messing up the looks of the menu. I received another post privately that pointed out that this tool depends entirely on Javascript, and if one has it turned off there will be no menu showing at all. This is totally unacceptable. Also, the test page does not validate, another no no. I tried a suckerfish menu from listmatic with poor results, and then tried one from HTML dog. That's when I decided I needed a tool to help me. Unfortunately this tool creates nice menus, but it's only good if you don't care if everyone is able to see them. I think my biggest enemy is the style sheet I have in place. I copied it from another larger site that I manage, that has more bells and whistles. I think I may hack it down to the bare bones and then try the suckerfish menu again. The latest one I found that looks nice and easy to set up is at http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm Projectseven has a drop down menu tool for sale which makes use of an unordered list. They claim it will be standards compliant. All their tools are add-ons for Dreamweaver 8, Unfortunately I use Frontpage 2003, but lately have wondered if I should make the switch. Can you or any other readers recommend a good dropdown menu tool that won't bust the bank, but will deliver an accessible menu? Thanks again, Tom Rogers -- -Original Message- From: francky [mailto:[EMAIL PROTECTED] Sent: Wednesday, December 13, 2006 7:38 AM To: THOMAS ROGERS Cc: 'CSS Mailinglist' Subject: Re: [css-d] Can one disable a style sheet just for a menu? THOMAS ROGERS wrote: For a long time now I've wanted to learn how to create drop down menus. I tried many CSS based methods but never got them working, so last Friday I decided to give the Sothink dhtml menu tool a try. Using the tool as an ad in to Frontpage, I created an include page at http://www.ncmhcso.org/includepages/include.htm. I created a DWT using the above include page, and then the final product is at a test page http://www.ncmhcso.org/test-inner.htm. Take a look at this and you will see that the menu is much more expansive than the include page. I think what's happening is that it's being governed by the style sheet. I'd prefer to control the menu using the tool, and I'm fearful of making major changes to the style sheet. Is there a quick and easy way to disable the style sheet just for the menu? Hi Tom, AFAIK, I'm afraid not: the styles of the script are heavily interfering with the page styles, and it is a rather complicated (: long loading!) script. Maybe you can isolate the included part totally from the normal page, use it as a separated page, and put it in place by an iframe. Then the main style cannot influence the menu styles. * QckDrty raw testpage http://home.tiscali.nl/developerscorner/css-discuss/test-inner-new.htm Additional styling of the include and the normal page will be needed (I hope it is possible). But imho I think I should prefer a Suckerfish like css drop down. :-) Did you try the examples from Listamatic2 already? * http://css.maxdesign.com.au/listamatic2/ Success and greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check (IE7 please!)
Wonderbaby Designs wrote: I need checks on Macs and in IE7...] http://209.59.136.73/ Robin~ She's fine in ie/6.0. But I regret the right column text is not appearing in ie/7.0. captures: http://www.browsercam.com/public.aspx?proj_id=308005 Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help and some criticism for layout!
Todd Hayes wrote: Hello all, first time poster Hi Todd, Welcome! and first full CSS/XHTML layout, so be kind! Compliment first: general look feel is (imo) sophisticated. Here's the site: http://www.michaellawrencenewton.com Here's some of my own complaints: The client doesn't mind the glitches in IE5/5.5 for Mac (the menu at the bottom shifts to the left and top, especially in widescreen browsers), but I do. I can't seem to get the overall layout to stretch vertically to the bottom of the screen in larger-width. If I don't have enough content to stretch the height of the page, how do I set the height in the style sheet without blowing out the layout? I wanted to make a 2-column layout out of the Words page, but I can't seem to make it work. When I made the maincontent div a container with 2 content divs inside, the divs didn't work as columns, even with floats left and right. Of course it looks fine in Firefox, but IE5/5.5 for Windows looks a little different. Again, the client doesn't care as long as he's live. I'm trying to understand how the hacks for IE work, but I still don't fully understand how they work. Thank you all in advance for your input! Todd About the 2 columns: some kind of this? * testpage http://home.tiscali.nl/developerscorner/css-discuss/words-new.htm Method used: cutting text in 2 equal parts by hand (in html/css no flowing of text from 1 container to another is permitted, like in a DTP-program). Then each part in a left or right floated column div. And ending with a clearing of the floats, that means: starting left side of the page at a vertical position under the largest floating column. The maybe the text img links can get some kind of visual indication there is something to hover/click (small arrow or something?). - The menu at the bottom is clear, but at the Words page, I didn't recognize the Gordon Parks Remembered: 'by 5 minutes' text as a clickable link: only after 10 minutes, just by accident, when hovering around. Success and greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alternating coloured rows in dynamic website
Ed, I am being completely stupid here. Have tried all the suggestions and get no alternating colors. tr .even{background:#eee} tr.odd{background:#F9FBF9} Your sytnax is wrong for the shortcut rule. It should be {background: #eee none;} How come? You should style the tds in the styled row, not the row itself. Descendant selectors allow you to do this easily. Why this, as well? Regards Chris __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] cross-browser font-size solution
On Tue, 12 Dec 2006 20:40:58 +1000, denis sharapenko wrote: Hi all. This is my first post in this mailing list. Greetings, Denis, and Welcome. You wrote: I'm looking for solution to set same font-size in as more as possible browsers. That may be a lost cause. Hopefully your design will stand text size enlargement without breaking. But text sizes, even at normal setting, varies from browser to browser and platform to platform. For example, I have a high definition screen (1400 x 1050 px) with Windows set to 120 DPI using Clear Type. This gives crisp and clear text, but Firefox makes normal text 16px, while IE and Opera makes it 20px. Personally, I wouldn't worry about it. Not many people surf using two browsers together. (Just us crazy webby folk :) Cordially, David Hucklesby -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] help! negative margins doesn't work on IE6
here's the url: http://kometdigital.web.id/portfolio/ the problematic section is at the bottom row. the one under the title fenomena el nano. here's the css: http://static.kometdigital.web.id/mt-static/themes/portfolio_theme/portfolio_theme.css the section with negative margin is div#featured. the layout for the entire bottom row lies in this part of the css. /* =Bottom Row */ #projects { margin-top:25px; float:left; width:280px; /*height:475px;*/ } #projects h4 { font-weight:normal; font-style:italic; margin:14px 0 11px; } #featured { margin-top:25px; margin-right:-190px; float:right; width:420px; /*height:475px;*/ padding-left:15px; background:url(bg-v-line.gif) repeat-y; } #featured h4 { letter-spacing:0; } #featured li { list-style-image:url(bullet-list.gif); margin-left:15px; } #featured .intro { line-height:18px; float:none; width:172px; margin:2px 0 20px 0; } i'm desperate. please help me get out of this mess! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can one disable a style sheet just for a menu?
THOMAS ROGERS wrote: [...] I think my biggest enemy is the style sheet I have in place. I copied it from another larger site that I manage, that has more bells and whistles. I think I may hack it down to the bare bones and then try the suckerfish menu again. The latest one I found that looks nice and easy to set up is at http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm Projectseven has a drop down menu tool for sale which makes use of an unordered list. They claim it will be standards compliant. All their tools are add-ons for Dreamweaver 8, Unfortunately I use Frontpage 2003, but lately have wondered if I should make the switch. Can you or any other readers recommend a good dropdown menu tool that won't bust the bank, but will deliver an accessible menu? Thanks again, Tom Rogers Well, I cannot recommend a good dd menu tool, for usually I need 3 tools: 1. A good example, like the p7 you mentioned, or the original: http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones3.html 2. Notepad. 3. Time to arrange css just as I want it. ;-) To see the market, I just Googled for css dropdown menu tool, and tried the first hit Open Cube. Promises (css only, or with javascript only as support for IE; just like Suckerfish) are exellent! - Then downloaded a trial of their Infinite-Menu's: * http://www.opencube.com/imenus.asp In the first screen I would like to change the (fixed) font-size to em's. Hmmm, impossible. Next! So maybe it is more time/money and headaches to find, evaluate and/or adapt a tool solution than to spend some time and headaches to style an already working menu by hand...[1] But I can be wrong, and maybe somebody can recommend the p7 tool or another as a good one. Success! francky [1] I had similar experience in order to get a good working rounded corner tool/solution some years ago. Googled and tried dozens of links, not what I expected (didn't know the css-list and css-Wiki at that time). In the end, I decided not to spend more time on searching the web hoping to get better results, but to develop my own solution. Some experiments, and a quite universal liquid round corners solution was born... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alternating coloured rows in dynamic website
On 12/13/06, Chris Broadfoot [EMAIL PROTECTED] wrote: Your sytnax is wrong for the shortcut rule. It should be {background: #eee none;} How come? Well I might be wrong - my memory of validating CSS is that the validator complains about the background shortcut rule if you don't specify the background image, or none if you don't have one. You should style the tds in the styled row, not the row itself. Descendant selectors allow you to do this easily. Why this, as well? Mostly because putting a border around a tr element never works for me. I think it is only meant as a container for cells (th or td elements). td or th are block elements so they do take borders. But I could be wrong about that too, of course. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] cross-browser font-size solution
For example, I have a high definition screen (1400 x 1050 px) with Windows set to 120 DPI using Clear Type. This gives crisp and clear text, but Firefox makes normal text 16px, while IE and Opera makes it 20px. You can easily change the default font size in Firefox, though. I reset mine to 20px because my aging eyes prefer it. Ed Seedhouse __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/