Re: [css-d] CSS Templates 1: Outside The Box
Greg Wilker wrote: I'm interested in responses to this aspect: There are currently a lot of validation errors with the template; both css and xhtml. My personal rule of thumb is to get as close to validation as possible - shooting for perfect. Now and then I question the strictness of my train of thought. However, if one is creating a template - I am thinking one should shoot for validated code. Any thoughts pro or con for the above? My personal opinion : it is not appropriate to post as example code that does not validate, unless a clear invalid code disclaimer [1] accompanies the example, for one simple reason : HTML that does not validate is not HTML; CSS that does not validate is not CSS. Philip Taylor [1] Which should, of course, explain why the author found it necessary to use invalid code in order to solve the problem that he or she was setting out to address. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates 1: Outside The Box
Gabriele, why does DOLOR overlay power of combining when I reduce the width of the window ? Is that truly fluid ? Philip Taylor Gabriele Romanato wrote: Here's my first, basic test/demo: http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html comments are welcome, improvements either. criticisms are too easy with me... I'm a psycho workaholic! __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] crashing redmond
Doesn't crash, but looks complete and utter c...@p in IE7 under Win/XP at Ctrl-0 size, but suddenly snaps into place at the first Ctrl-minus. ** P. David Laakso wrote: Signature link crashes IETester 6/7/8 on Mac OS X 10.4 running Parallels XP. I find this delightful and rather amusing:-) . Checks on native boxes appreciated. Best, ~d -- Not sent from my i-Pad, i-Phone, Blackberry, Blueberry, or any such similar poseurs' toy, none of which would I be seen dead with even if they came free with every packet of cornflakes. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [+] Re: hasLayout triggering best practice
David Laakso wrote: PS It is not a list policy but bottom posting ... is appreciated. By some : others prefer to read what the respondent has to say, rather than having to wade through recycled material before learning anything new. Philip Taylor -- Not sent from my i-Pad, i-Phone, Blackberry, Blueberry, or any such similar poseurs' toy, none of which would I be seen dead with even if they came free with every packet of cornflakes. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] crashing redmond
Felix Miata wrote: Any thoughts on this conversion from table layout exercise? orig: http://cornerstonebaptistofhc.org/about.html new: http://fm.no-ip.com/Auth/Tmp/cbchc-about-n.html Great to see Ephesians 2:20 as text, not graphic, but Philippians 2:5 deserves better ALT text than picture : even some believers are blind ... ATM it's still heavy with temp stuff, but even so it still seems to have come out heavy whether or not you ignore that the text in image is no longer used. Poll: do you have dauphinn.ttf installed? (the one I have is from Win98, but I think that may be what the original used to make its image) Nothing (alphabetically speaking) between Dark Courier and David -- i-Pad signatures : just so NO (http://www.simplehelp.net/2010/04/03/how-to-remove-the-sent-from-my-ipad-signature-from-outgoing-email-on-your-ipad/) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [+] hasLayout triggering best practice
Felix Miata wrote: Feel free to play elsewhere if list policy bothers you so much you feel unable to adhere to it. List policy doesn't bother me at all. Rules are for the guidance of the wise and the blind obedience of the foolish. Philip Taylor -- Not sent from my i-Pad, i-Phone, Blackberry, Blueberry, or any such similar poseurs' toy, none of which would I be seen dead with even if they came free with every packet of cornflakes. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Outlook 2007 and DL/DD tag
Chetan Crasta wrote: Here is a detailed article on creating HTML emails: http://articles.sitepoint.com/article/code-html-email-newsletters And here is a much shorter, much simpler one : just don't. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Visibility: hidden contingent on value of content or href attribute of inner element ?
A CMS, over which I have no control, auto-generates a number of the following blocks (with different values for the hrefs, background-images, and the textual content of the innermost A element) : div class=album_box a href=http://www.photos.for-charity.org.uk/gallery/sandbox-3228; class=album_thumb style=background-image: url(http://www.photos.for-charity.org.uk/images/sites/1180/gallery/thumb/12909805624103.jpg);/a div class=album_titlea href=http://www.photos.for-charity.org.uk/gallery/sandbox-3228;Sandbox/a/div div class=album_description/div div style=clear:both;/div /div Can anyone think how I might code a CSS rule for DIV.album_box that will set visibility: none for the entire DIV if it matches the pattern given above ? (That is, if the value of the first href attribute is http://www.photos.for-charity.org.uk/gallery/sandbox-3228;, the first style attribute is background-image: url(http://www.photos.for-charity.org.uk/images/sites/1180/gallery/thumb/12909805624103.jpg);, the href of the inner A element is http://www.photos.for-charity.org.uk/gallery/sandbox-3228;, or the textual content of the inner A element is Sandbox ? Any one of these would suffice to determine that this DIV should not be displayed; it is not necessary that all match, so whichever is easiest to test for would be fine. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Justify a banner to a column
G.Sørtun wrote: you have so many style-repetitions targeting the same elements that you better go through it all yourself and correct or delete the style that sets that bottom border in the first place. regards Georg And please : if you /must/ have a masthead graphic as opposed to a simple H1 textual header, could you add an ALT attribute ? Remember, not everyone can see. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Peculiar contraction
I think I was the one to use it first (recently); it is just a colloquial form of how about, intended solely for humerous effect, and possibly modelled on the how the average speaker of Br.E believes that the average speaker of Am.E speaks ... ** Phil (native speaker of Br.E). bruce.som...@web.de wrote: I've seen the contraction How's about ... here two or three times in recent days. Can someone please tlell me what it means? What does the apostrophe replace? B. Somers __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] archives link?
How's about : http://lists.css-discuss.org/mailman/private/css-d/ linked from http://www.css-discuss.org/mailman/listinfo/css-d which is in your own message's fixed trailer ! Philip Taylor John wrote: Is there a link to use for searching archives of this lists' threads? If so, can someone supply it to me? thank you, John __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css-d Digest, Vol 96, Issue 6
Keith Purtell wrote: Pardon my ignorance, but does this mean leading is not normally applied to replaced elements, or that applying leading to the replaced element (in this case an img) would be correct procedure and avoid the need for the padding technique I used? Eric Meyer addresses this point at some length at : http://meyerweb.com/eric/css/inline-format.html where, in particular, he writes : If a replaced element appears in the line, its content-area is equivalent to its intrinsic height and width, plus any padding, border, or margins. line-height has no effect on the inline box of replaced elements (but is used when interpreting percentage values for the vertical-align property). Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Quirks compendium?
bruce.som...@web.de wrote: Michael Gearym...@geary.comwrote: That would also let Adobe present the BrowserLab UI in your own language instead of English if they support it (and it looks from the URL like they may have other languages besides English). That always annoys the daylights out of me. They don't know what my languages are. They can go only by location. If I were in Saudi Arabia, that would scarcely require that I read Arabic. If they offer a choice of langiages, fine. They should make no assumptions. So if they can't make any assumptions, what language should they serve ? Clearly not (as I suspect you would like) English, because they have no reason to assume that you can speak English. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Spry problems
Dear Ada -- I do not know enough programming to understand what the errors listed by CSS Validator mean…; thus, I am afraid I cannot correct them…I do understand, though, that these are errors of syntax in both the horizontal and the vertical navigation spry. Would correcting these errors of syntax solve the problems I have at http://138.26.120.126/CAMAC/Trial19.html ? (Copied them again below this message). I cloned your site into my copy of Dreamweaver and removed the two lines at the first line number indicated by the validator as being erroneous in each file : in both cases the removed lines contained : filter:alpha(opacity:0.1); I am not familiar with the syntax of the filter property, so I cannot comment on what exactly might be wrong with these lines, but removing them is sufficient for the page to validate so would be a good starting point for yourself. The cloned site is at : http://web-consultants.org.uk/sites/138.26.120.126/CAMAC/Trial19.html Best wishes : Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Spry problems
G.Sørtun wrote: filter:alpha... is proprietary Internet Explorer syntax/functionality. If it serves a purpose - makes IE behave as it should - it should be kept in the stylesheet no matter what the CSS validator says. That is a philosophical perspective which you are perfectly entitled to hold, but with which I personally have no sympathy whatsoever. Standards are standards : ignore them at your own risk. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Spry problems
Sorry, Ada, I am sure you are not interested in this digression : if you look at the Web-Consultants version, you will see that I have also made some improvements to the horizontal menu bar, but I am unclear what changes you would also like to make to the vertical one. Come on Eric : rule the remainder of this message off-topic and declare the thread closed :-) G.Sørtun wrote: Whose talking about /ignoring/ standards? If you choose include CSS that is invalid, then you are ignoring the CSS standard, just as if you choose to drive at 100mph on a motorway, you are ignoring both the speed limit and the law. There's a practical side of web design that neither I, nor W3C, ignore... Follow standards as well as you can and as far as possible, but no need to follow them off the cliff. ...which is why you will find such non-standard, proprietary, CSS even on sites to those who are responsible for the standards we have, and those that will come in the future. The need for non-standard/proprietary code will disappear when all browsers in widespread use are up to standards, and not before. There is no /need/ for non-standard/proprietary code : some authors elect to use such things, which is their privilege, but no-one is /forced/ to do such things. Back in the good old days of Netscape, I would use the topmargin/leftmargin/whatever hacks that were required in the body tag in order to get the page to render correctly in Netscape, but I also used a DOCTYPE that declared these attributes, and thus my pages were valid (albeit not valid HTML 4.01). However, as far as I am aware, there are no analogous facilities for declaring that the dialect of CSS that one is using is an extension (or derivative) of an existing W3C standard rather than a current standard per se. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Spry problems
Alan Gresley wrote: Philip. The document that Ada has it which you did some work is xthml traditional, has way to many divs and table elements. It has text-align:center for the container. This does center block elements in IE6 and IE7. The document basically caters for the lowest dominator, that being IE5. OK, I hear you, but do we need to know any of this in order to help Ada solve her problems ? All I did was to adjust the width declarations of UL LI and UL LI A in the context of her horizontal spry menus until the menu fitted the container. Oh, and tweaked a colour setting somewhere. Come on Eric : rule the remainder of this message off-topic and declare the thread closed :-) Why? Oh, just so that we can focus on helping Ada and other troubled souls, and maybe move Is there any place for invalid code in the 21st Century ? to comp.css.advocacy or similar ! We can now use opacity:0.1 and that filter is something to help older versions of IE with that spry menu. Good news. Did the document in question have IE conditional comments? Pass. With limited time to assist, I tried to focus on solving Ada's reported problems rather than performing some global analysis and optimisation of her inherited code. Mmmm, I arrived late for the good old day by say 10 years. What, you weren't there for Mosaic, or remember when Adobe Acrobat was Adobe Carousel ? You'll be telling us next that you hope to start shaving next year :-) BTW, not that I fully support Georg and his CSS technique. I presume he has come out of hibernation since Molly the cat has been aroused at hearing about a new toy to play with. Maybe IE9 may show Opera up a little. :-) Hmm, that one has passed straight over my head, but I probably don't need to know the gory details. Oscar the cat did bring me a juvenile rat today, as a wake-up present, but now we are getting /seriously/ off-topic. Sorry, Eric. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Spry problems
Dear Ada -- Your page has seven errors [1]. Until you correct these, all behaviours are effectively random. Philip Taylor [1] http://validator.w3.org/check?uri=http://138.26.120.126/CAMAC/Trial19.html Ada Elgavish wrote: Hello, I am developing a website at: http://138.26.120.126/CAMAC/Trial19.html using Dreamweaver in CS4. I have several problems: (1) The horizontal navigation bar at the top. I gave the entire navigation bar the width 780px and each menu button a width of 156px. In spite of that the menu bar does not fill the entire width. (2) The horizontal navigation bar at the top. I did something (?!) and, when the page loads up, ONLY the last button shows the hover attributes (green on white background) instead of the white font on green background like all the rest. If I hover over it once in the browser, it gets corrected. However, if I close the browser and open it again, the problem persists. Cannot find where I should make the changes to correct this (3) The vertical left side navigation bar. I had corrected it already once to get rid of the grey background of the menu buttons. I would like them white font on the same background as the rest of the DIV, with colors reversed on hover. By the way, in Dreamweaver, the background of the vertical menu buttons looks just the way I want it...Not in the browser though... I went through each item of the SprymenuBar.css vertical and horizontal, but it seems that I have no control over what happens. I will appreciate any help I can get. Thank you very much. Confused in Alabama __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Spry problems
Ada Elgavish wrote: Dear Philip, Thanks again for introducing me to the Validation Service! I corrected all the mistakes detected by the validation service. Still have the problems below… Any help will be appreciated! You're very welcome, Ada, and congratulations on correcting the errors so quickly. But now that the HTML is correct, you will see at the bottom of the validation report page a reference (in fact, several references) to the CSS validator, and when you ask it in turn to look at your page, once again it finds problems ... http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F138.26.120.126%2FCAMAC%2FTrial19.html ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] lots of validation errors, tables, and other things that we just love!
Changing the first two lines to : !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; html xmlns=http://www.w3.org/1999/xhtml; lang=en xml:lang=en dir=ltr reduces the errors to nine and the warnings to one; you may be able to see the corrected version at http://web-consultants.org.uk/sites/worcester-wolves/ but sadly the validator can't, for reasons to the bottom of which I have not yet been able to get. Please let me know whether you can access http://web-consultants.org.uk/sites/worcester-wolves/ as this will help me work out why the validator cannot. Philip Taylor Chris Blake wrote: Hey, I have just been handed this: http://wolves.redrunner.co.uk/ The creator has used a template that has since been removed from the place he got it from. I'm trying to save it rather than rebuild it from scratch. Firstly the validation errors seem to be mainly to do with doctype. Any ideas what it should be? I have a really nasty bug appearing in safari 5.0.2 mac osx. Two scroll bars and white space at the bottom of the page. It's not like that in FF. It also doesnt appear in the admin sde so I think it has something to with the content. Most of the the styling problems aren't too hard to fix (if it's not in tables anyway) so I am not too fussed with fixing those yet. Thanks, Chris __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how can I align input and select elements
Ada Elgavish wrote: Does anybody have any ideas where I should look for the problem? I think that, as this is a CSS list, and as you have a CSS problem, you should share with us your CSS as well as your HTML; a little fragment of HTML, with no context and no CSS, is really of very little use at all ... Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Behind the CSS Scenery of My New Nested List
Brian M. Curran wrote: 1. wwwdotdomain.com/subitem1.html 2. wwwdotdomain.com/item2/subitem1.html 2., because subitem1.html could exist under multiple parents. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to link global.css to html page?
Ilham Firdaus wrote: I found a weirdness. I put the css file into separated file but located in the same directory as where the html page call the css file. But looks like there's no change in my browser displayed. Anybody would be so nice to tell me where my mistake? Thank you very much in advance. #http://www.otekno.biz/global.css Your CSS file is actually an HTML file; you need to remove the opening and closing STYLE tags in their entirety. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to link global.css to html page?
Aren't these the p and a referred to, Tim : p align=centera href=http://www.otekno.biz/ps;Easy shopping/a/p ** Phil. Tim Arnold wrote: Also, it appears that none of the elements in your page are being targeted by your CSS. You have styles defined for p and a but there are nop ora elements in your page (with the exception of the red home link in the table header. Speaking of which, I'd get rid of that entire table and just use paragraphs, a UL, or something more meaningful wrapped in a div to size your overall container. -Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
Chris, I have to be honest, I do not know what question(s) you are asking, IF you are asking how should I enter EMW8 throughout my site so that it comes out consistently and with the 8 raised (and perhaps grey) without affecting anything else ?, I would propose something along the lines of the following : .EMW8 {whatever} .EMW8 sup {position: relative; vertical-align: baseline; size: 90%; bottom: 1ex; color: gray} span class=EMW8EMWsup8/sup/span See http://Web-Consultants.Org.Uk/Sites/EMW8/ for a demo. topic class=off As regards your preferred domain name, whilst EMW.whatever is more-or-less full taken, there are still vacancies at E-M-W.whatever (e.g., e-m-w.biz) /topic Philip Taylor Chris Blake wrote: I am basically using EMW8 as the company name. I'd rather do away with the 8, but some sod is just sitting on the domain. to make it be less important I want to make it superscript throughout the website whenever name dropping. So in this instance should I make a span, setting lower type face and padding-bottom that could work and not screw up all the other default stylings? Another option could be just to make a span making the 8 a soft grey rather than black, but I have already started to devlop the logo and it looks quite cool being ss. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
Philippe Wittenbergh wrote: One nitpick: I'd use 'em' instead of 'ex'. Some browsers have poor support for 'ex' (treating 1ex= 0.5em, whatever the font in use, no questions asked) - IE running on XP, Opera. Some browsers have half broken support - with very different computation of what it should do/be (WebKit on every OS). Some browser have reasonable (IE8 on Vista Win 7) or fairly good (Gecko 1.9+, all platforms) support for ex. This leads to completely unpredictable results. Yes, I agree that there are good pragmatic reasons for using em, but strictly speaking, em is a horizontal measure whilst ex is a vertical one, so I prefer to use ex in vertical contexts for that reason. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Capitalize
Duncan Hill wrote: Off-Topic but for clarification RFC 4343 states that URL's are case-insensitive. I hate to be picky, but I really do not think that that can be the case. For a case-sensitive web server, the following two URLs are completely different : http://www.example.org/my-file http://www.example.org/My-File Similarly the next pair are different if the mail server is case-sensitive : mailto:a.n.other:example.org mailto:A.N.Other:example.org Whatever RFC 4343 says (and I've not read it), it must be referring to the host elements and the protocol (although the latter is always normalised to lower-case), and cannot include component of the path or filename, nor can it refer to the local part in a URL using the mailto:; method. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div element inside td : can't get height to 100%
debussy007 wrote: Hi, I have a DIV element inside a TD element, and I try to get the DIV's height equal to the TD height. I'm not convinced that you can. Unless my brain is going screwy, there would be an infinite causal loop if you could, since the height of the containing TR, from which each TD will take its height, cannot be computed until the heights of each individual TD (or TH) are known. Since the very DIV whose height you are trying to set must contribute to the calculation of the height of its containing TD, and thence to the height of the latter's containing TR, it cannot also inherit its height from the TD and ultimately from the TR. Does this make sense to anyone else ?! Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div element inside td : can't get height to 100%
David Laakso wrote: Lie! Cheat! Steal :-) ! http://chelseacreekstudio.com/ca/cssd/td.html And if the second TD doesn't contain the same contents as the first ? http://web-consultants.org.uk/Sites/tests/Laakso.html Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div element inside td : can't get height to 100%
David Laakso wrote: Don't be silly, Philip.. http://chelseacreekstudio.com/ca/cssd/tdtd.html The essence of my question was : what if the contents of the second div do not have the same natural height as the contents of the first ? http://web-consultants.org.uk/Sites/tests/Laakso-2.html Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Capitalize
Chris Blake wrote: P.S. I need to be using sub-script and super-script a fair bit on this site, any warnings or words of wisdom about doing this? In my experience, sub- and superscripts only too easily destroy the regularity of the underlying text grid; in order to re-instate this regularity, I had to use the following : vertical-align: baseline; position: relative; bottom: some factorex; Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
Jukka K. Korpela wrote: vertical-align: baseline; position: relative; bottom: some factorex; That looks really cool and simple and seems to fix things nicely. How come I never thought of that? Don't know. What I /do/ know is that the problem drove me crazy until I hit on that idea. Are there any hidden problems? None that I've encountered so far, but that is not to suggest that there isn't something /really/ nasty waiting to bite when I am least expecting it :-) There's the inherent problem that depending on the font characteristics, the line height, the characters in the text, the font size of the superscripts, the factors you've chosen, and the phase of the moon, some subscripts or superscripts might come too close, or even hit, characters on another line. But that's a risk we need to accept and to prepare for (especially by setting line-height and other key properties well). Agreed. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Image scaling
Tim Climis wrote: Using a server side language (eg php, perl, asp, etc) to shrink images, and save them to the server. That way you shrink the image once and use it over and over again, rather than sending everyone who visits your site a big image (slowing page load) and then making their computer work hard to shrink it (slowing page load even more). Sorry, an irrepressible urge to be pendatic forces me to opine that ASP is a technology, not a language. Under ASP I can program in any of a number of languages such as C-sharp, JavaScript, and even (spit) Visual Basic. Perl is undoubtedly a language, and I am somewhat ambivalent about PHP (being Unix/Linux/Apache illiterate). But I fully support your real argument :-) Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Multiple select dropdown on a single line
OK, but what you've drawn (posted) is not what you are trying to achieve, but what you can already achieve but which does not match your needs. What I (and perhaps others) need to see is what you are trying to achieve visually; we know from your prose description the intended effect, but not how you envisage it looking to the intending user. Philip Taylor Tod wrote: On 9/15/2010 3:44 PM, Philip Taylor (Webmaster, Ret'd) wrote: Tod, could you draw a picture of what you are attempting to achieve ? Philip Taylor Attached are two files, single.gif and multi.gif. The single dropdown takes up only one line until you click the selector to make it drop down but allows you to select only a *single* item. The multi dropdown offers the ability to select multiple items but at the expense of taking up the amount of real estate specified by the size=x attribute. A size of 1 disables the dropdown. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] suckerfish sticky highlight (hover) on nested LI/A
Resource Centre/PMO (which is the only 2nd-level item that appears to have children) remains highlit for me when selecting a child. Seamonkey 2.0.8+EMET, Win/XP;SP3. Philip Taylor Rob Emenecker wrote: I have a suckerfish menu that I am trying to get the second-level element to remain highlighted when a third level list is opened. Here is the link: http://hairydogstaging1.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Multiple select dropdown on a single line
Tod, could you draw a picture of what you are attempting to achieve ? Philip Taylor Tod wrote: I have the requirement to allow users to make multiple selections from a dropdown menu. However I need to accomplish this on a single line. - A traditional dropdown satisfies the single line requirement but not the multi-select. - Making it multi-selectable increase its presentation greater than a single line. - Setting size 1 satisfies the single line and multi select but it no longer displays the entire set making selecting more than the top item impossible. Is there a way to do this? Straight HTML doesn't seem to work. Thanks - Tod __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Managing import rules
Gabriele, I don't understand : In a past project I used the following approach: @import base.css; @import layout.css; @import typography.css; @import colors.css; The server-side developer (who used Ruby) encountered several problems when trying to merge these files properly and in the correct order, Why was it his job (the server-side developer's) to merge these files properly and in the correct order ? Surely merging takes place in the browser, not server-side ? Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Type sizes?
Claude Needham wrote: I have developed a practice of using 100% in the body and then using em elsewhere to set sizes. I have vague memories of doing this because the percentage handled a glitch in one browser or another. Can't recall the details now. Is this a case of age invented memories, or was there such a consideration at one time that made the % in body a good idea even if one had a personal preference for em in the rest of the style sheet? I don't know whether it might make any difference in practice, but in theory, using an em before one has selected a font, weight, shape and size would seem to be putting the cart before the horse ! ** Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Slideshow images: How'd he do that!?
Brian M. Curran wrote: Hello, I'm going to be submitting an article to a site, and I'd like to be technologically on par with it. This may be stretching the limits of this css list, but I looked at the site's css for images that the site is using that are working in a slideshow fashion, but I can't see how it is being done. The slideshow may be accomplished by css (doubt it), or something else??? Do you not think that this line may give a clue, Brian ? http:// www. Cadtutor .net/tips/index.php Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Slideshow images: How'd he do that!?
Sorry, wrong line :-( script type=text/javascript src=/javascript/menu.js/script Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Slideshow images: How'd he do that!?
Brian M. Curran wrote: Hello Duncan. That's what I was talking about, that is, the gifs that are animated. I likened them to a slideshow effect, but I didn't mean slideshow literally. I've never seen something like that before, hence my post. The other responder to my post seemed to say that it was a JavaScript effect. Well, I just pointed out that there was some JavaScript that /might/ be responsible ... But as there also such things as animated GIFs, it might instead use that technology : I haven't looked any further than the source code for the page. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 and IE6 Problem with Background-Image property using .png
Timariane Thornewig wrote: Here's how you can see the problem I'm experiencing in IE7: enter http://ipinfo.info/netrenderer/index.php (this site is particularly helpful for me because I'm on a mac) at that site in IE8, Render: http://www.ashelighting.com/architectural3.html I'm going to pass over your bug, because I am sure that others more expert than I will be able to help; I simply want to comment on the page per se : 1) I like the page very much; striking and simple. 2) Apparent links such as Firm (Services, Projects) ought to lead somewhere; a visitor should not need to select a sub-item such as Principle (see below) before being able to follow a link. 3) There is a nasty inconsistency in Valerie Ashe Lighting Design specializes in fine residential and landscape lighting design. She works with architects, . Either Valerie Ashe Lighting Design is a company (firm, in your terminology), in which case specializes is fine, or she is a person, in which case She works is fine, but you can't have it both ways. 4) Another inconsistency : Principle or Principles ? Both are used. Principles is better, IMHO. 5) Firm is more frequently About Us, and the meaning of the word is not entirely clear when used this way. 6) But I still like the design :-) Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using efficient selectors?
Ville Viklund wrote: Is there a good reason to use this kind of selector #header ul li a {..., instead of just #header li a? Is it considered best practice, or why this is so commonly used? I would venture a guess that it is commonly used because of a fairly widespread misunderstanding of exactly how contextual selectors work. If one consults (e.g.) Htmlhelp.com, an early reference site for HTML CSS, one is told : Contextual selectors are merely strings of two or more simple selectors separated by white space. These selectors can be assigned normal properties and, due to the rules of cascading order, they will take precedence over simple selectors. For example, the contextual selector in P EM { background: yellow } is P EM. This rule says that emphasized text within a paragraph should have a yellow background; emphasized text in a heading would be unaffected. Note emphasized text within a paragraph; nowhere does this suggest that the rule might apply to (e.g.) emphasized text within spanned element within a paragraph, so the naïve user might believe that in order to achieve the latter, he/she should write P SPAN EM. One could even argue that the W3 prose is not as helpful as it might be, although the spec. is unambiguous if one reads it properly. For example, at : http://www.w3.org/TR/REC-CSS1/#contextual-selectors one can read (for H1 EM) In the example above, the search pattern matches if 'EM' is a descendant of 'H1', i.e. if 'EM' is inside an 'H1' element. Note is inside an 'H1' element, which again may suggest to the naïve reader that it must be /directly/ inside. I really think it is as simple as that : a widespread misunderstanding. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can CSS get me out of the stone age?
Chris Blake wrote: I disagree. There are ways to style forms, so why not!? Streamlined makes me think that you're talking about speed so maybe adding images and things isn't such a good idea in that sense but would make it look better. Ermm, google it - there's lots out there. 'styling forms with CSS'... Yes, but how would that streamline the page, which is the ultimate aim ? As the original message correctly identifies, the page contains a tremendous amount of duplicate [] html coding, and I cannot see how CSS can help to reduce that. The problem appears more a methodological one than a stylistic one. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Normalizing CSS inline breadcrumbs menus
Furthermore, I see no mysterious gaps, Gabriele : http://web-consultants.org.uk/sites/tests/Inline-lists.html Tested using Seamonkey 2.0.6 under Windows/XP;SP3. Philip Taylor Gabriele Romanato wrote: A simple solution: http://onwebdev.blogspot.com/2010/08/jquery-normalizing-css-inline.html Thierry Koblentz wrote: I don't think this is a good idea regarding accessibility :-( __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Normalizing CSS inline breadcrumbs menus
OK, then I suppose that Gabriele and I differ over the meaning of mysterious in mysterious gaps. I was expecting a single space-of-the-line, but thought that Gabriele must be experiencing more in order for them to qualify as mysterious. Presumably white-space-collapse: discard will remove the last space once CSS3 becomes a published specification and browser writers rush to adopt it. ** Phil. Philippe Wittenbergh wrote: There is a (one) white-space node between each string. Try: a, strong { background: yellow;} tabs are normalised to spaces, then collapsed together. that is the normal white-space processing model. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Out of the stone age
Lineberger, Scott wrote: Any and all suggestions are welcome. Well, before the list-police step in, this probably isn't the best place to ask (since it has nothing to do with CSS per se), but perhaps your server technology will allow you to dynamically add records, so the initial form can be minimal. There is an example of such a form here : http://web-consultants.org.uk/sites/porphyrogenitus/Autograph-MSS-V2.3.aspx Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iPad font rendering in both orientations...
tedd wrote: I have one suggestion, however, if you want iPad owners to review a page, how about giving us something easier to type? The url vze26m98.net/css-discuss/test-ipad.html is a lot to type. Somewhat confused (not being an i-anything owner/user); if you read your e-mail on an I-pad (as I know can be done : I saw it done this weekend), can you not then just click (or whatever the i-equivalent is : jab ?) on an embedded URL in order to visit it ? Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Controlling image placement with CSS
Why not try the alternative : link rel=stylesheet type=text/css media=all href=style_120704.css Philip Taylor Keith Purtell wrote: Well, the validator was a huge help. Two problems I ran into: 1- It did not like the way I imported my style sheet. I thought my tag style type=text/css media=all @import=style_120704.css;/style was correct, but the validator choked on both the @ and the ; 2-I tried just pasting in my link into the 'address' field at http://validator.w3.org/ and clicking on the 'check' button, but the result was incomprehensible. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Controlling image placement with CSS
Well, I'm not sure if their recommendation was grounded in fact, but it does look as though the memory of what they actually proposed must have faded with the years, because : style type=text/css media=all @import=style_120704.css;/style can never have been what was intended. There is a closing angle bracket missing somewhere, but as to exactly where I would not like guess (perhaps just after 'all'). Keith Purtell wrote: Because, long ago when I started with CSS, someone I thought was a guru told me I had to do it that way to accommodate several browsers. At that time, it may have been true. I will make the change you have suggested and move on to the matter of placing images correctly. - Keith Purtell __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Assorted CSS questions
Averill Ring at Irisweb wrote: Fwiw, it is usually best to use a strict doctype for a new site. Why? Because it will help you (the page author) identify out-of-date and/or deprecated practices (if you validate the page, but not otherwise, unless your authoring tool is DOCTYPE sensitive). Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 0pt is wrong, right? And IE9 is doom, right?
Nancy wrote: Two unrelated questions. 1. I am working on a website that can be edited by a variety of users using a web-based CMS. The CMS is rewriting inline style property values of zero. For example, if the inline style is entered as: p style=margin: 0;whatever text/p LiveWhale rewrites it as: p style=margin: 0pt;whatever text/p Before I inform the CMS developers that they need to correct this, I just wanted to make sure that I am correct in saying that this is incorrect style. Is it? The doctype they have chosen for the site is XHTML 1.0 Transitional. Why should adding a unit make it incorrect ? CSS allows the simplification of 0unit to 0, but doesn't forbid the widening of 0 to 0unit. 0px = 0pt = 0mm, etc. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How do you identify a capable UI designer?
Hilco Wijbenga wrote: My colleagues suggested that perhaps front end people only use tools? I.e. nobody actually writes HTML by hand anymore? Speaking as a former webmaster, I would not consider employing anyone who could not write HTML CSS using Notepad (or the platform equivalent). I may have used (and continue to use, in my retirement), Macromedia Dreamweaver, and before that, HoTMetaL PRO, but that is purely for convenience : there is nothing that DW inserts that I could not insert for myself using any text editor with which I had a passing familiarity. But in practice, you seem to be looking for two sets of skills in a single individual : the ability to design a good user interface (which is primarily ergonomics), and the ability to write in HTML CSS. There are undoubtedly people who possess both skills, but they are almost certainly fewer than those who possess one or the other but not both. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3D Color prism - 216 colors (Windows safe colors)
Fascinated that there is Lime but not Green, Alan; is this intentional ? Philip Taylor Alan Gresley wrote: Hello List, Initially being an exploration into mathematics and sacred geometry, what I have discovered (like many others) is that hexadecimal colors can be represented as a 3D prism. I now present it to this list since it's also a very good color selector. http://css-class.com/test/css/colors/3d-color-prism-216-colors.htm __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] navigation link a different colour when page is active
Intrigued :-) What handles the #IF/#ELSE/#ENDIFs ? ** Phil. David Hucklesby wrote: David Laakso has given an excellent solution. But I respectfully disagree that SSI cannot be used. Here is a demo I made for a student who wants to do that very thing. I hope it helps: http://webwiz.robinshosting.com/temp/jaime/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] navigation link a different colour when page is active
Ah : I see the article is entitled Apache Tutorial: Introduction to Server Side Includes -- is the same functionality available in all SSI processors, do you know (for example, in IIS) ? ** Phil. David Hucklesby wrote: On 8/2/10 12:26 PM, Philip Taylor (Webmaster, Ret'd) wrote: Intrigued :-) What handles the #IF/#ELSE/#ENDIFs ? ** Phil. Hi Phil, SSI handles the logic. Check the article linked to from the home page. Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Inline Style
John Dick wrote: How do you style the following using inline style: p:first-letter { color:#ff; font-size:xx-large; } HTML is as follows: p You can use the :first-letter pseudo-element to add a special effect to the first character of a text! /p I want the style to be inside ofp Well, as far as I can see, it can be inside of p ... /p but not inside of p. In other words : p span style=color:#ff; font-size:xx-largeY/spanou can use the :first-letter pseudo-element to add a special effect to the first character of a text! /p but perhaps I'm missing something. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Inline Style
John D wrote: Well, you can, but not using a pseudoelement and inline CSS. Why would you be restricted to inline CSS? Because Google Websites (http://sites.google.com) does not allow editing of headers to introduce external style sheets or header styles. That is the problem. It is a free site and there are no Ads so ideal for students. Uploading of files is also not allowed. Hmm, ideal is not a word I would use for Google sites. The last time I tried to create a site there, there were over 80 uncorrectable errors (all due to Google), at which point I abandoned any hope of ever being able to successfully host a site there. On re-checking today, I see there are still 77 uncorrectable errors, so I cannot in all honesty recommend Google sites to anyone. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] id and class selectors
TriState Advantage, Kris Jacobson wrote: Thank you for this article, I found it a good reinforcement of using id's and class's. I have a questions on styling lists and links in a div. I have been styling lists using id's example #div ul #div li #div li a #div li a:hover I followed a tutorial when I first did this and it worked. Then I thought this is wrong. There is more then one li and more then one link in the list so I changed them to class's and the styling did not work so I had to change them back to id's. I don't understand why, I just know it works and it validated. Is this because it is in a list? Did you change the hashes to periods in the CSS ? Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I need a good scripted font
Felix Miata wrote: For ideas on what people have: http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml This is a very useful resource, Felix, but a comment and a question : 1) The Platform icon completely passed my notice. I am not a native speaker of Iconish, and would see the Platform field far more easily if it were textual. As it is, I spent some considerable time trying to work out on what basis you had concluded that Lucida Grande had 100% coverage, and it was only when I copied and pasted the relevant line into an earlier draft of this message that the word Mac[intosh] appeared :-( 2) The font sampler page can give very misleading impressions. I looked at the Lucida Grande page and thought it was excellent, wondering why my earlier attempts to use Lucida Grande as browser default had produced such sub-optimal results. I then realised that I have removed Lucida Grande from this machine for that very reason, so what I was seeing was in a browser default font and not in Lucida Grande. Would it be possible to include a JavaScript fragment early that can report in which font a sample page is actually being rendered ? Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I need a good scripted font
Ah, please forgive me : I thought it was your work. Philip Taylor Felix Miata wrote: On 2010/07/15 09:25 (GMT+0100) Philip Taylor (Webmaster, Ret'd) composed: Felix Miata wrote: For ideas on what people have: http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml This is a very useful resource, Felix, but a comment and a question : ...I spent some considerable time trying to work out on what basis you had concluded I have no control over what that site's author(s?) concluded. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts, fall-backs Unicode
Philippe Wittenbergh wrote: Usually you don't even know if the user has the font activated or not... :-). This is a little off-topic for CSS-D, but still pertinent, so I hope the question will be acceptable to most : is it possible, using JavaScript or otherwise, to interrogate the DOM to find out which font has actually been used to render an element or a part thereof ? For example, if I write span style=font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', sans-serif Now is the time for all good men Եւ երկիր էր աներևոյթ և անպատրաստ Ἀνδρόνικος Κάλλιστος Thông tin hàng ngày ở Việt Nam 苦相身为女 /span can I then somehow interrogate the DOM to ascertain the actual font used to render each character ? Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fonts, fall-backs Unicode
If I have a page such as the following : !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head meta http-equiv=Content-Type content=text/html; charset=utf-8 titleArmenian test/title style type=text/css BODY {font-family : Arial Unicode MS, sans-serif} /style /head body h1Եւ երկիր էր աներևոյթ և անպատրաստ. և խաւար ի վերայ անդնդոց. և Հոգի Աստուծոյ շրջէր ի վերայ ջուրց/h1 /body /html I have presumably chosen my primary font not only because I feel its aesthetics are appropriate but also because it supports the necessary subset of Unicode to correctly display the characters that make up the page. But if for some reason the visitor's browser does not have access to (in this case) Arial Unicode MS, and falls back to the generic sans-serif, there is (as far as I can see) no way of guaranteeing that the page will still display correctly. Is there, therefore, in CSS, some way of specifying as a part of the font fallback sequence that any font selected as a result of fallback must support a specific subset of Unicode such that the page can be guaranteed to display correctly provided that such a font does in fact exist on the visitor's machine ? And is there any way, presumably using a combination of HTML and CSS, to display a suitable error message using solely ASCII characters if such a font cannot be found ? Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts, fall-backs Unicode
Chris Blake wrote: Hi, What about using CSS3 web fonts http://www.fontsquirrel.com/fontface/generator ? Upload the font you want, it will generate all the different types, link to them using the @fontface thing and bingo - they don't need that font on their system. or am I dreadfully mistaken? BR, CB Thanks for the suggestion, Chris, but although it is related to the question it doesn't really address the issue of fallbacks. There may be many reasons why I cannot legitimately distribute the font with the web page (certainly true for Arial Unicode MS), so what I am looking for is a way to be able to reliably fall back on a font that the visitor's machine /does/ have, rather than using web fonts per se. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts, fall-backs Unicode
Michael Adams wrote: Would it help to create a page with all the Unicode chars in the range you are using and ask who can see how many based on font selections on a per paragraph basis. For *my* Linux Nimbus Roman No9 L may be a well populated serif font and Nimbus Sans L as sans serif (dunno i haven't gone into it that much). You could also get replies from Mac, Windows 7, Vista and XP users and try for the best combinations. I don't know the maximum fonts you can have in a CSS fonts list - anyone? Thank you for the suggestion, Michael; it is certainly worth listing the more common well populated fonts as you suggest, but it doesn't address the real issue, which /seems/ to be (in the absence of any evidence to the contrary) that the CSS fallback mechanism was formulated at a time when Unicode was not yet prevalent, and does not seem to have evolved to cope with the need to have greater control over the fallback font selected in order to deal with the various character sets that the page uses. Alternatively, if you are dealing with particularly uncommon glyphs it could pay to use images of the ones you want instead. I would prefer not to go that route at all ! ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts, fall-backs Unicode
Chris Blake wrote: On 13/07/2010, at 6:38 PM, Philip Taylor (Webmaster, Ret'd) wrote: [T]he CSS fallback mechanism was formulated at a time when Unicode was not yet prevalent, and does not seem to have evolved to cope with the need to have greater control over the fallback font selected in order to deal with the various character sets that the page uses. it could be seen as racist! I think that there is a great deal of unintentional racism in the US-English-centric web that we use today, but the last time a group of us tried to raise this as a serious issue within the CSS working group, one of the joint Chairmen had an apoplectic fit, so I have little hope that this will be addressed in the short term, much as I would like it to be. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts, fall-backs Unicode
Michael Adams wrote: On Tuesday 13 July 2010 23:02, Philip Taylor (Webmaster, Ret'd) wrote: I think that there is a great deal of unintentional racism in the US-English-centric web that we use today, but the last time a group of us tried to raise this as a serious issue within the CSS working group, one of the joint Chairmen had an apoplectic fit, so I have little hope that this will be addressed in the short term, much as I would like it to be. No racism intended from my reply. Nor did I infer any; I hope I didn't give the impression that I had. If I did, sincere apologies. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts, fall-backs Unicode
Philippe Wittenbergh wrote: A modern OS / browser will do the job for you. [snip] Thank you, Phillipe : a very interesting summary. It is certainly useful to know what the behaviour of most current rendering engines is, but of course unless it is actually enshrined in the specification, one cannot rely on that behaviour. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts, fall-backs Unicode
Philippe Wittenbergh wrote: What I describe is actually the expected behaviour per CSS 2.1 /3-fonts… OK, even better news :-) Very many thanks. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] browser reports please [blakeys]
Tim Climis wrote: http://www.uselessgeography.com/ The masthead graphic (and perhaps other elements) doesn't/don't scale with Ctrl +/-, so unfortunately horizontal scrolling is forced above a fairly modest degree of zoom. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fonts, fall-backs Unicode
fantasai wrote: Was there something else you wanted? Dear Fantasai : many thanks for demonstrating that I was incorrect in my belief that the font-fallback mechanism has not evolved over time; I am extremely pleased that this is the case. As to whether there is anything else in this area that I would like to see, it will take a little while to read the specifications; once that is done, I will get back to you (and this list) with any further comments. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie7 and Safari 5 issues.
MEM wrote: Well, here I would say, that I will be very angry as well, but on one condition, if, for some reason, it was important to have (for cross-data proposes or something else), access to both information at the same time. I cannot see a reason for doing so on this context. (that doesn't mean that no one else sees one, of course, still, that is something that I would like to see how the end users will react to that, by thinking out loud), and if it's really a big usability issue, then the vertical portfolio effect will be dropped. OK, one final comment then time to move on. I think the root of the problem is one of user expectation : with a tabbed interface, the user knows in advance that he/she will be able to see the contents of exactly one tab at a time, and that revealing the contents of one tab will necessarily entail the concealing of the contents of the other(s) (the radio button effect); with an expand/contract interface, I believe that the user expectation would be that each expand/contract control is independent, and therefore he/she wold not expect that expanding one would contract two others, /particularly/ if, like me, he/she starts by expanding the first, then the second, then the third -- since expanding the second did not contract the first, I have already been led to believe that expansion does not also entail contraction. ENDS :-) ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] browser reports please
Chris Blake wrote: Yes, I am sure it's not w3c compliant at the moment but I will look into that if I can get things working. It might be a bit backwards but 6 errors isn't too many, Dear Chris -- With the greatest respect, one error is too many, not for reasons of pedantry but simply because you won't be able to get things working (other than by pure serendipity) all the while a single error remains. Start by addressing the errors, then (and only then) start worrying about getting things working : they may well work all by themselves once the errors are removed. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie7 and Safari 5 issues.
Oh, that is /desperately/ slow, Márcio : 23 seconds to complete loading. I am afraid I wouldn't be willing to wait that long in the real world. I really think you need to reduce the complexity and increase the efficiency. Philip Taylor MEM wrote: I would like to request your help, for two big issues that I'm unable to solve: The URI: www.nuvemk.com/nascer/ The CSS: http://www.nuvemk.com/nascer/Css/Main.css __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie7 and Safari 5 issues.
OK, again not an answer to your real problem, Márcio, but as a visitor I would expect to be able to click on the + sign, not on the text, in order to expand the view. Philip Taylor MEM wrote: Yes. :( I'm thinking about ajax, and image size reduction. Maybe that will do it. But apart from that, the ie7 and safari, but mostly the ie7 issue, is quite a serious one because IE7 is the main browser around here. And even if they have ie8, the compatibility (arrGHR) mode may be enabled. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Use of empty DIVs?
Chris F.A. Johnson wrote: Why XHTML? If a DIV isn't closed, it's not valid [X]HTML; it should get a failing grade. The classes and IDs can be used later when the CSS is modified. I have to say, I'm more-or-less with Chris on this one. An unclosed DIV is no better and no worse than any other unclosed element that requires closure, so saying avoid DIVs because you might forget to close them makes little sense to me. But to address the real issue : while I could see no reason whatsoever for DIVDIV ... /DIV/DIV I can see every reason for examples such as DIVDIV ... /DIVDIV ... /DIV/DIV where the two inner DIVs together compose a single logical unit, the limits of which are delimited by the outer DIV. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie7 and Safari 5 issues.
MEM wrote: Thanks for point out some issues here and there, they are more then welcome. :) I have a life to learn about this. :D OK, then another one :-) When I click on the first +, it expands (reveals) that region; when I click on the second +, it expands (reveals) that region; but when I click on the third +, it expands (reveals) that region, yet contracts (conceals) the first two. But I didn't ask it to, nor did I want it to. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie7 and Safari 5 issues.
MEM wrote: Yes. :) The reason why we cannot have all expanded it's because, if we have all expanded the portfolio 100% height cool effect is lost. OK, but will your visitors think it cool ? Or would they prefer to have control over what is concealed and what is revealed. As one potential visitor to your site, I would find it infuriating if it insisted on hiding the first two regions just because I wanted to take a look at the third ... ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why no image overflow error?
Brian M. Curran wrote: My question is: So, why does the image with the box that it sits in seem to be within the div? Shouldn't my CSS or HTML fail to validate, because of an overflow problem? No. Validation is concerned with syntax, not with semantics. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] learning html5
I really think that before anyone gets too enthusiastic about jumping on the HTML 5 bandwagon, they should take a step back and consider some of the problems that are emerging. I would recommend taking a considered read of the following : http://news.cnet.com/8301-30685_3-20008935-264.html Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] list-style-value
With list-style-type: decimal, and within an unordered list, I would like to be able to specify the list-style-value, but no such property seems to exist. Is there a well- known solution to this problem, please ? Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list-style-value
Philippe Wittenbergh wrote: generated content ? Someone sent me this example page a few days ago: http://timmychristensen.com/css-ordered-list-numbering-examples.html Or else: html5 has a start attribute, last I checked. http://www.w3.org/TR/html5/grouping-content.html#the-ol-element Thank you ! Rather stupidly, I overlooked the more direct solution : LI value = number [CN], which is still permitted (albeit deprecated) in HTML 4.01 :-) Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Layout help needed, almost right
David Laakso wrote: This: html { font-family : Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 80%; } Becomes this [user friendly and shorter]: html { font : 100%/1.4 Helvetica, Arial, sans-serif; } With the greatest respect, your dislike for the fonts which Microsoft explicitly commissioned for the web (Trebuchet MS, Tahoma, Verdana : I do not seek to defend Georgia !) is surely not sufficient reason for recommending that Eric jettison them in favour of Helvetica and/or Arial ? I would respectfully suggest that there is nothing objectively superior about the latter, and if the designer prefers the MS three, then he should feel free to specify them. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sliding Portfolio
Hoyd Breton wrote: Matthew + Chris: Thank you for the quick replies. Yeap, I agree that in most cases animations tend to be on the annoying/ pointless side of things; however, I feel like slideshows have become a bit commonplace on portfolio sites, going to give it a try and nix if it's poorly received. Hoyd : Nil illegitimi carborundom :-) Animation for the sake of animation is (and always was) annoying. But animation for (e.g.) a slide show is a perfectly good (and, IMHO, non-annoying) use of the technique. I would say Go for it. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sliding Portfolio
Hoyd Breton wrote: Thanks for all the pennies, nickels and dimes. Cashing it all in. = ] I wanted to avoid the SWF route, not because all the hoopla but more as an exercise to learn the javascript ropes a bit. Good man : Flash ? Just say 'NO !' :-) http://starkshumble.com/test/ I like it, in many ways, but I would like it even more if the slides overshot a little and then glided back. Think of the animation as an application of mass, spring and dashpot -- at the moment, it is critically damped, and I think it would be aæsthetically more pleasing if it were to err on the under-damped side. My two (real) penn'orth :-) Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Not Validating
Duane Nelson wrote: I'm of the validation persuasion, because I lack the theory behind CSS and HTML. By validating my code, which I learned I need to do from this list, I have a foundation to fix the display behavior. This PNG fix only affected IE browsers below version 6. I tried a new fix for appwoodcraft.com because I thought it was better than my previous fix. So to fix the validation issue, I took the behavior code out of my CSS and went back to the JS fix from before. All understood. But I foresee one potential problem. If your static data (HTML, CSS) are valid, but you extend them using JavaScript, then unless you can re-validate the extended (static + dynamic) data, you are not really any better off than before. In fact, unless you be 100% certain that what your JavaScript generates is (a) consistent with your static data, (b) does exactly what you require (neither more not less), and (c) yields extended (static + dynamic) data that are still valid, then you may in fact be worse off. My two penn'orth. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Re : IE8, CSS 2.1 page-break-inside: avoid problem
Stéphane Carnot wrote: Hi Chris, Sorry, i was on holidays :-) First, thanks for your help. But it doesn't help much. I'm trying to use the 'page-break-inside : avoid'. The page-break-after is not what i'm looking for. OK, you have test files, but we (or at least, I) still do not know what you are trying to achieve :-( Which of your three demo. files demonstrates the problem ? Where does the page break occur, if you print to A4 paper ? Help us to help you, and more help may well be forthcoming ! Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print Stylesheets: Two-column, newspaper/book style - How?
Jeff Zeitlin wrote: I 'edit' (for loose values of the word 'edit') a monthly PDF magazine. When a new issue is released, the articles from the previous issue become viewable on the magazine's website. [snip] I'm reluctant to do major hacking on the HTML; I'd prefer to stick to just using CSS to do this. Am I asking for too much at this point? If not, how do I do it? This doesn't answer your question at all, but I think my question is nonetheless valid : is there any reason why back issues cannot appear on your web site stressas PDFs/, rather than as HTML ? Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mystery space
Tom Livingston wrote: Having an issue with Safari 4 Mac and a mystery space above the text Footer on this page: http://proof.mlinc.com/mlinc.com/testpages/6-10/index.html I see no text footer at all : here is a screen capture, [suppressed for list] from Seamonkey 2.0.4 under Windows/XP SP3. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] windows display problems with drop downs
Liz Butler wrote: http://newsite.herb-pharm.com/shopping/shopping/19/online-store.html http://newsite.herb-pharm.com/products/products/18/our-products.html - there seems to be a display problem with the main menu with firefox on windows It looks to me (without looking into the code) as if there are some percentages somewhere that can add up to just over 100 in certain circumstances (due to rounding). Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with menu bar
To save your visitors from having to horizontal-scroll (which most of them will hate), why not stack the last two images vertically instead of horizontally ? Philip Taylor John wrote: http://www.coffeeonmars.com/dez.html __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with menu bar
David Laakso wrote: Verdana was ditched because it is pug ugly -- particularly at default or greater than default. How do you feel about Tahoma ? I prefer it to Verdana, and normally work at greater-than-default sizes. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border images
Linda Miller, DVM wrote: Perhaps I am misreading this? http://www.css3.info/preview/border-image/ It mentions in the list border-top-image Personally speaking, I wouldn't recommend trusting any web page concerning W3C recommendations unless it comes from a W3C server. There are, unfortunately, a number of sites that try to pass themselves off as authoritative when in fact they contain a disturbing mixture of fact and complete fantasy :-( Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] help with gap in IE6
URL: http://www.tusculum.edu/adult/ndblue.html CSS: http://www.tusculum.edu/css/ndblue.css I've got a problem with IE6 I cannot solve. There's a gap at the top of the page that I need to fix, and I don't know if the problem lies in the markup for the DIV or in the size of the image or if it is something else. If you visit the page in IE6, you'll immediately see the problem. The background image seems to clip out and the background color comes through. I've been able to solve a few other problems with the page, but I need to bother the list for help with this. I'm in over my head :) I appreciate any help anyone can provide. Thanks. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] __ 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] Help resolving spacing in IE6
Thanks to David and Ingo for their help! I'm amazed at the knowledge held by the members of the list. The only remaining problem I have with IE6 is the ~20px gap between the head and the main content block. I cannot determine which DIV is the culprit and is causing the space problem. I have played around with the sizes, but I fear the problem goes deeper than that. I simply don't know enough about IE6 to know how to fix the problem. I would be very grateful for any help. Thanks. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Webmaster Sent: Thursday, June 26, 2008 5:33 PM To: css-d@lists.css-discuss.org Subject: [css-d] Help resolving spacing in IE6 URL: http://www.tusculum.edu/giving/nd.html CSS: http://www.tusculum.edu/css/ndbrown.css I'm on a deadline, and I need help. I've got some problems I can't resolve with the above page in IE6. The page displays fine for me in IE7 and FF. But in IE6, you'll notice that the orange tab which should be at the top of the page is pushed down the page. That's the first problem. Another problem is the photo. In IE6, the photo is pushed way down the page. You'll also notice that the some of the images on the drop-down menu are clipped. I think that's just a spacing problem and a little trial-and-error will solve that. The drop-down menu is mandatory for the site. I'm not seeking help for the drop-down menu images; however, there is one more problem I do need help with. There's about a 20px gap between the top of the page and the main content block, and I don't know how to get rid of it, so there is no gap. Both the CSS and the HTML files are large, and I apologize for that. Once I get the page displaying properly, I plan to break out the javascript and the drop-down lists. I greatly appreciate any help you can provide. Thank you. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED] __ 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] Help resolving spacing in IE6
URL: http://www.tusculum.edu/giving/nd.html CSS: http://www.tusculum.edu/css/ndbrown.css I'm on a deadline, and I need help. I've got some problems I can't resolve with the above page in IE6. The page displays fine for me in IE7 and FF. But in IE6, you'll notice that the orange tab which should be at the top of the page is pushed down the page. That's the first problem. Another problem is the photo. In IE6, the photo is pushed way down the page. You'll also notice that the some of the images on the drop-down menu are clipped. I think that's just a spacing problem and a little trial-and-error will solve that. The drop-down menu is mandatory for the site. I'm not seeking help for the drop-down menu images; however, there is one more problem I do need help with. There's about a 20px gap between the top of the page and the main content block, and I don't know how to get rid of it, so there is no gap. Both the CSS and the HTML files are large, and I apologize for that. Once I get the page displaying properly, I plan to break out the javascript and the drop-down lists. I greatly appreciate any help you can provide. Thank you. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] CONFIDENTIALITY NOTICE: The information contained in this email, including any attachment(s), is intended solely for use by the named addressee(s). If you are not the intended recipient, or a person designated as responsible for delivering such message to the intended recipient, you are not authorized to disclose, copy, distribute or retain this message, in whole or in part, without written authorization from the Department of Institutional Advancement at Tusculum College. This email may contain proprietary, confidential or privileged information. If you have received this message in error, please reply immediately by informing the sender that the message was misdirected. __ 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] Need help with IMG inside a DIV
Viewing it with Firefox 2.0.0.12 on Windows Vista Business. From: vincent pollard [mailto:[EMAIL PROTECTED] Sent: Thursday, February 14, 2008 11:21 AM To: Webmaster Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Need help with IMG inside a DIV it looks fine on my machine. what are you viewing it on? On 14/02/2008, Webmaster [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] wrote: I'm having problems with this page: http://www.tusculum.edu/bookstore/new2.html The CSS is here: http://www.tusculum.edu/bookstore/css/box2.css The problem is easy to spot. The image of the sweatshirt goes outside of the DIV. I've attempted to create a separate class for IMG, but that didn't work either. How do I make the DIV expand to contain the image? I always seem to have problems with images. Can someone show me where I went wrong? I greatly appreciate your help. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED]mailto:css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.orghttp://evolt.org -- http://www.evolt.org/help_support_evolt/ -- Vincent Pollard http://www.ithinkx.co.uk __ 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] Need help with IMG inside a DIV
I'm having problems with this page: http://www.tusculum.edu/bookstore/new2.html The CSS is here: http://www.tusculum.edu/bookstore/css/box2.css The problem is easy to spot. The image of the sweatshirt goes outside of the DIV. I've attempted to create a separate class for IMG, but that didn't work either. How do I make the DIV expand to contain the image? I always seem to have problems with images. Can someone show me where I went wrong? I greatly appreciate your help. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED] __ 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] Need help with a float inside a DIV
I've got what seems to be a simple problem, but I can't find the answer. I've got this page: http://www.tusculum.edu/bookstore/new.html I have a simple heading with an logo image, and I want to float the address text to the right inside the header DIV. I tried this, but in both IE and Firefox, the text drops out of the header DIV. I tried putting the image in a DIV and floating it to the left, but that still doesn't work with Firefox, and it looks ugly in IE. The relevant CSS file is here: http://www.tusculum.edu/bookstore/css/box.css I apologize in advance for the ugliness of the CSS and the simplicity of this problem, but I appreciate any help. Thanks. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED] __ 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] Position text inside DIV
I am having trouble positioning the text inside the div. Maybe I have the wrong markup? HTML - http://oit.sfasu.edu/test/frame2.html CSS - http://oit.sfasu.edu/test/template.css Thanks - Travis Killen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/