Re: [css-d] [ADMIN] Hello, my friends, hello
This hiatus and its lack of observance has led me to wonder about the utility of css-discuss, and whether it needs to continue. First of all Eric, thank you for this list and all your css-expertise and time. i don't do much w/ this list but i would be very sad to see it disappear, its the very first place i would turn to if help was needed. i do still read messages and learn from others' issues, and i think that's one of the main benefits of a list like this. also, its very accessible in my email, every message goes right to the folder and then they're all threaded i don't know how much time it takes for you Eric to be the "list mother". i subscribe also to WiseWomen (Dori Smith is the list mother there) and it feels that that list is pretty much operating automatically but it is set up more broadly, meaning we can talk about pretty much anything as long as its web related so there isn't much need to keep things "on point". (we have a separate "talk" list.) anyhoo, hope you keep it going but if not, i'm sure everyone will understand and appreciate all your years of work here. best Donna -- Donna Jones Portland, ME 04101 __ css-discuss [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.org -- http://www.evolt.org/help_support_evolt/
[css-d] firefox and hyphenation
hi everyone: greetings. i'm trying to figure out how to tell Firefox not to hyphenate and coming up empty. it seems like there was something in css that could be written to keep together but i can't find it in this particular site a name is being hyphenated and it just appears weird. sigh IE, Chrome and Opera do not do this. happy 2015 everyone. Donna -- Donna Jones http://westendwebs.com/ __ css-discuss [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.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] firefox and hyphenation
hi everyone: greetings. i'm trying to figure out how to tell Firefox not to hyphenate and coming up empty. it seems like there was something in css that could be written to keep together but i can't find it in this particular site a name is being hyphenated and it just appears weird. sigh If it's something happening only in Firefox, the most likely cause seems to be -moz-hyphens: auto in the CSS somewhere, which tells Firefox to auto-hyphenate. (Alternatively, there might be soft-hyphen characters in the text, but I *think* those are supported in other browsers.) David, yes, it is a WP site and i found the problem in the css and just took it out. All's well now. Thanks to Karl, too, word-break would have worked also, and i'm very happy to know about it. best Donna -- Donna Jones http://westendwebs.com/ __ css-discuss [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.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to 'unvisited' links?
When I test my page's css, I want to seea element both :link and :visited. But I have clicked thea. How to return it to :link from :visited? (without change it's URL?) hi, if you have the web developer's toolbar, go to Miscellaneous Visited Links (at bottom). There you can change the links back and forth. I find it tremendously helpful. best Donna web developer's toolbar in case you need it: http://chrispederick.com/work/web-developer/ __ 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] 2-column layout
hi Shelly: is this what you're looking for. http://www.westendwebs.net/template-2-fluid-right.html i bet you're just forgetting to put a margin-left on the right column. cheers and hth, Donna Shelly wrote: Hey all - Normally, I have no problems pulling off a tableless CSS layout. But it's been a while since I've done one this basic, and I'm having trouble remembering how to do it. What I need is a 2-column layout, with a 300px sidebar *on the left*. The site should be centered and 90% in width, with the right size fluid and taking up the remaining space. Now all of this I can do - except the right side fluid part. I'm having a major brainfart in recalling exactly *how* to keep the right side at (and I hate putting it this way, but it's the only way I can explain it and make sense) 100% width - 300px on the left. I used to know how to do this, but I just can't find it anymore. Would anyone be able to poke me with a sharp stick in the head to jog my memory? Thanks :) ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page check :: ~dL
I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ David, I just opened up IE5.01 and, as far as I can tell, it works perfectly! Good work! could he be looking in IE4??!! Find some stats that show no one uses IE4 anymore ? maybe he has something really weird going on with his IE(s). I couldn't tell any difference between mozilla and IE5.01 and, without exploring very much more, that means it rates *excellent*, to me. cheers and good luck finding an anger management seminar, I notice that no one has any suggestions Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and down issue
http://www.westendwebs.net/pulse-ie-issue/picks.html Adding/changing to... #content {margin: 0; float: right;} #insidewrapper {width: 100%; overflow: hidden;} * html #insidewrapper {overflow: visible;} ...will extend pixel-perfection into the IE6 down world. Georg: Thank you! My inclination is to fall at your feet and worship you, good thing you're on the other side of the world. and truly, i would contain myself if i, perchance, did meet you in person, but please know my gratitude and admiration is wide and deep. (now that's not over the top is it?) Cheers Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 and down issue
Dear Experts! :) I'm working on this layout that needs to be pixel-perfect, as they say. http://www.westendwebs.net/pulse-ie-issue/picks.html It is (pixel perfect) in all compliant browsers, pretty sure. From IE6 down it breaks, as you'll see. ah ... decided i'd better check in browsercam to *really* see what was going on. http://www.browsercam.com/public.aspx?proj_id=339339 Yes, its okay in complaint browsers and even MacIE :) (a background issue there but would be easily fixed). I've set up a conditional comment which works moderately well. Increased the wrapper by 3 pixels and add position: relative. In the content put this: position: relative; left: -3px; With this comment, the two columns abut nicely BUT there is a 3 pixels gap on the right side. I'm hoping there is a better way to do this! I know there's missing images and such but thought it simplier to put it up outside the production server and the missing images don't impact the issue, so ... Many many TIA's. Cheers Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and down issue
http://www.westendwebs.net/pulse-ie-issue/picks.html I've set up a conditional comment which works moderately well. Increased the wrapper by 3 pixels and add position: relative. In the content put this: position: relative; left: -3px; I meant to add that I'd disabled the cc for right now. cheers and TIA again. :) -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] descendant selectors
hi all, i, and a couple of friends, are trying to figure out a descentant selector issue. say you have this in the css: #content li a img {border: 2px solid green;} your html is lia href=fake.htmlimg src=image.jpgsome words/a/li with Firefox the image is styled. With IE7 or 6 it is not. I am leary about the logic and it doesn't seem to me like a should be able to have a img child in that context BUT firefox is reading it, so makes me wonder. But, then why is IE not reading it. I wouldn't think it would be too advanced for IE. thanks very much, Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com i'm participating in ShutdownDay on March 24, Saturday, http://shutdownday.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] descendant selectors
Hi John: I would have guessed this is the way to go about it. Maybe you can give the a a class and then assign it a background-image ? Although, I'm not sure that's the best route. you know what, i shouldn't have written the question to begin with, just moving too fast (or faster than my brain or something like that). i had commented out some of the css, made a separate page and that's why i wasn't seeing it in IE7 and 6! so you're right, it was right to begin with. cheers Donna On 3/16/07, Donna Jones [EMAIL PROTECTED] wrote: hi all, i, and a couple of friends, are trying to figure out a descentant selector issue. say you have this in the css: #content li a img {border: 2px solid green;} your html is lia href=fake.htmlimg src=image.jpgsome words/a/li with Firefox the image is styled. With IE7 or 6 it is not. I am leary about the logic and it doesn't seem to me like a should be able to have a img child in that context BUT firefox is reading it, so makes me wonder. But, then why is IE not reading it. I wouldn't think it would be too advanced for IE. thanks very much, Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com i'm participating in ShutdownDay on March 24, Saturday, http://shutdownday.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com i'm participating in ShutdownDay on March 24, Saturday, http://shutdownday.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie7 zoom issue
Hi Kieron: thanks! //the inpage menu (right now with a gray background and orange border) the words don't stay within their boxes. //they stay where they should in mozilla and ie6 and i really don't know what to do with ie7. Currently the LI tags are inline with a border. Try making the A tags (within the the LI tags) display:block with the border instead and then float them. See http://css.maxdesign.com.au/listamatic/horizontal09.htm as an example. this worked, great! but i don't understand why mozilla and firefox now don't have the division surrounding them. i could let that go, though, ... http://mainehumanities.org/programs/btr-conference-draft.html admittedly, just got up and tried it out and haven't looked at the example you sent. just looked at it and will look more, looks like some things to learn there. //also, was having a problem with text-size increase. its increasing okay now with mozilla and ie6 but not ie7 Your font-szies in the side menu are defined in pixels, so changing this to em or % should solve the problem here. its not a problem with the side menu, i'm afraid. its the content, the header in the content runs over the text below it. just on text increase and just in ie7 (well, don't know about Safari but usually Safari will follow along with mozilla/firefox. thanks again. Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ie7 zoom issue
hi all: this is making me pretty nuts, the page is at a draft stage. http://mainehumanities.org/programs/btr-conference-draft.html when you hit zoom in ie7, even one time, the inpage menu (right now with a gray background and orange border) the words don't stay within their boxes. they stay where they should in mozilla and ie6 and i really don't know what to do with ie7. also, was having a problem with text-size increase. its increasing okay now with mozilla and ie6 but not ie7 anyone ... ?! tia donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centering
Liz, does putting margin: 0 auto; on the content work, seemed to from here. best donna Liz wrote: Hello, Here is my sample http://www.egretdesign.com/footer/footer.html I am trying to center the yellow content area horizontally without losing my footer background image that stays on the bottom of the browser window or my background header color. Nothing I've tried works. Thank you in advance, Liz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] in-line image IE7 problem
Hi everyone: We want to use a dingbat image here, (page in process): http://www.wholehomeresource.com/jan07/wilder-index.htm I've left the pink background in to make it easy to spot. Its in-line on a h2 but took the h2 out and still has problem. its just in IE7, that I can see. and just when you zoom in. the dingbat then overlays the following word. is it a bug!? any ideas about how i could write my code better. maybe it is me, i hope! If not, can i get quais-famous for finding a new IE7 bug (except its probably already been found and I just missed the talk about it). *smile* thanks for looking and any ideas, thoughts. cheers Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] blank page in firefox
I am busy with my first website. I am using css. The site displays when I use Opera and IE but displays blank in firefox. (tested on ff 1.5.X) its a good thing you tested it, eh. :) doesn't display in mozilla either. i haven't looked but would think it probably doesn't display in Safari, either (but, then again, I am surprised it is okay in Opera.) You have a bunch of errors, 28, in the html. If you fix those it will probably display. One notable one is using the attribute visible - its a proprietary attribute. The development is done using ms vs2005. what is that? it sounds like something that comes from Microsoft? You probably should get yourself a good text editor or a recent copy of Dreamweaver, perhaps. (i use a text editor.) Since you say first, you may not have the webdev toolbar which is pretty crucial for doing this work. it will install on Firefox and/or Mozilla (i use both browsers). http://chrispederick.com/work/webdeveloper/ some more about the other errors. you haven't closed your meta tags right, lots of times. there has to be a space between the last word and the closing / also, it looks like the quotes in the meta tags are curly or something, at any rate, not plain text and they should be plain text. another thing, there are lots of styles in-line, really shouldn't be doing that, especially if you are using strict xhtml. pretty sure it will be deprecated but regardless its just bad form and no need for it. there is a lot to learn but we have all been there. best Donna example: www.klickmine.com Regards Amie Nel -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] quirksmode file check
Only compliant browsers render it. IE is not a compliant browser. http://css.maxdesign.com.au/selectutorial/selectors_pseudo_element.htm http://www.w3.org/TR/REC-CSS2/generate.html OTOH, maybe I should just delete it, as some people who use both compliant /and/ non-compliant browser think the non-compliant browser is correct :-) . David, I don't think you should worry about people using two browsers. I think most ordinary people use one browser and stick with it. In fact, most ordinary people that I know, even the ones I've managed to get to Firefox or Mozilla, don't really understand what a browser is, much less use two of them. (btw, we are in the same browsercam group. It was neat to see your name and another famous person! when it was being re-setup this last time). best Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
[css-d] background not showing in mozilla
Hi Folks. I'm working on getting a lay-out together, here: http://mainehumanities.org/thirty-years-draft.html Its in the beginning stages and I've already run into a particular problem with mozilla. Its the division, with 6 columns which are paragraphs floated left. In everything but mozilla the division will show the background color but not in mozilla, on any platform (I had thought it was just *my* mozilla until I ck'd in browsercam.) Here are the browser cam shots. http://www.browsercam.com/public.aspx?proj_id=241669 I've discoverd if I put a border on it, mozilla will straighten up but I don't want to do that. Hoping its something I'm doing wrong and someone can straighten me out or shed more light on this. (maybe its a mozilla bug that I'll just have to live with?) Many thanks! Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] background not showing in mozilla
The addition of... .timeblock {padding-bottom: 1px;} ...seems to do the trick in my Moz 1.7.12. There's also the often used... .timeblock {overflow: hidden;} ...that Mozilla also reacts well on, but there are some negative side-effects with that one in Gecko-browsers. Thanks Georg! It works on my Mozila 1.7.8 (adding padding-bottom) and I'll check it out on browsercam but have a feeling it works everywhere! What a wonderful resource this list is! Now I can get on to figuring out the rest of the layout - I may be back. ;) Cheers Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] Newbie seeking layout examples to study
I've been working for about 2 days straight trying to get a fairly straightforward alignment set up (left navigation top header that runs the width of the page starting after left nav middle part of page (under header) right side of page (narrow margin) and footer) Hi Anne: Are you going for fixed width or fluid? I started to show you some of the things I did but not sure if it fits what you want. I've learned a great deal and perused many sites and bought 2 books - but still can't get it right. I would like to know if someone can point me to some sites that have a basic 3 column layout with header and footers where I can study the code? Thank you! In my mind, what you describe in your first paragraph would work with a two column layout. but maybe i'm not understanding. If I'm understanding what you want, its not particularly easy to find. Most sites, it seems have a header that stretches all the way across, then content (two or three columns) then a footer. Here's one I did recently (actually not even finished yet) that I think is what you're saying and its two columns, http://www.maineddc.org/about.htm The menu could easily go in what I'm calling the firstcolumn. So thought maybe this might help. best Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] removing HTML tables, redesign to use CSS
Hi Kimathi: Hello, I am new to CSS. We have CMS (Content Management System). It uses a lot of HTML tables to lay out design. For example, navigation menu on the right is placed into table cell. My boss told me to redesign this site using CSS, removing HTML tables. Any ideas how do I do it? Thank you in advance. That's a mighty big question! How much time do you have? :) How long it would take you to learn what you need depends a lot on how you do design work currently. Eric Meyer's book, Eric Meyer on CSS - Mastering the Language of Web Design, (the blue one) starts off with a chapter on converting an existing page. If you know html well, and perhaps have hand-coded, it might go pretty fast. If you're totally starting from scratch, it could take a while. I have a feeling your boss doesn't realize how complicated css can get, and thinks you can just do it. I started off 2005 determined to clean up my coding act, I had become disgusted with my code! I'd been using css for simple formatting for a while but had not dealt with positioning. I spent most of last year learning and taking classes; of course, it wouldn't have had to take that long and maybe I'm slow *grin* but there is a lot of theory to absorb, a lot of getting the right tools together etc etc. If you want to reply with a link that you need to work on, and speak about were you are vis a vis coding someone might be able to give you more concrete help. all the best, Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] ADMIN OFF-TOPIC Re: input question
Please remember that this list is for discussing CSS, not markup issues. Please take this discussion off the list or onto a list suited to it: http://css-discuss.incutio.com/?page=OffTopic Thanks, Zoe Gillenwater css-d list moderator Okay, Zoe, thanks. I think because I had used css to fix the issue, it became relavent (in my mind); but now that you bring it up, I can see where its primarily about mark-up. I'll try to think harder about the list I post to in the future. best Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
[css-d] input question
Hi folks: I have a question/issue with this page: http://www.maineddc.org/draft/index.htm I decided to switch my doctype from 4.01 transitional to 4.01 strict. Which ended up with me getting lots of errors on the two forms. The two forms are the search from WebSide Story and the javascipt style switcher from A List Apart (which used xhtml transitonal, btw). so, the validator essentially said i had to enclose all inputs in a block element. I did something weird, maybe creative?, i made a division called class=null and didn't put anything in the css for it. Of course, it was then displayed as a block, which i didn't want, so I just said display: inline in the css. Everything is fine now, but I'm sure I'm missing something theory or something about how I should have dealt with this. and doubt very much that i've done it the best way. I wondered if I should have used labels, but ran it through Cynthia before making the changes and it didn't say anything about that. thanks very much for helping me correct my errant ways. Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] input question
(sigh, realized i answered Georg instead of replying to the list - someday i'll learn. pasting, re-sending.) http://www.maineddc.org/draft/index.htm Everything is fine now, but I'm sure I'm missing something theory or something about how I should have dealt with this. and doubt very much that i've done it the best way. Not too many ways to do it, and yours is as good as any :-) Any block-element will do (in theory at least), so we just pick the one that makes most sense in each case. Wow, that's a surprise, thanks Georg! Why does input have to be enclosed in a block level element though? It just occurred to me that maybe input is inline Well, I just consulted Eric's main css book and couldn't find an answer though it does look like input is a replaced element. So, does it have to do with inline and replaced elements not being in the clear? cheers Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] the rewritten code and disappearing banner images
Re the rewritten code and disappearing banner images. Wow. Took me four hours but I found a similar problem and a solution. The forum I found it on is below, if you're interested. Basically, I had a jpg called banner.jpg. I had a div named banner. On recommendation from one poster to an almost identical problem, I renamed the jpeg to b1.jpg and quite literally (and I quote) poof! it showed up in my pc browsers. I've no idea why (again only on PCs) naming the jpg banner broke the image and actually caused (some server or system?) to rewrite my code and comment it out. Perhaps banner was a reserved keyword (?) Randall, do you have Norton's anti-virus stuff? There have been issues with Norton's doing this type of thing, and also to images with dimensions that are regularly used with banner ads. Its a very aggravating situation, esp. if it was indeed Norton's (maybe others are doing it at this point, too) and to think that you never would have noticed it except for the fact of having Norton's installed (assuming that was the cause). Many of us could be having that same issue/problem and not even know it! just found this: http://digitalimagesdesign.com/norton.htm not my style of designing, but heh, the information looks good and fits in with what i've heard about previously. he also lists the standard sizes that get blocked by Norton's. Best Donna The forum link: http://www.htmlhelpcentral.com/messageboard/archive/ index.php/t-7704.html Best, Randy Randal Sean Harrison Rhetoric and Technical Communication Michigan Technological University http://www.hu.mtu.edu/~rsharris -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] Website critique
Keith Cox wrote: Would appreciate any comments or suggestions on any aspect of my (first) website design, I have tested using the most popular browsers on my Mac, but only IE5, Firefox 1.04 and Opera 8 on windows. http://website1.keithcoxdesign.com Thanks all! Hi Keith: very nice. one thing i noticed is the bottom scroll bar on this page. http://website1.keithcoxdesign.com/thehomes.html the page called to my attention by previous messages. to get rid of that, you want to call the image in the background, which i see that you're doing - but your h1 is determining the width of the page. if you put a wrapper on the whole page, set the width with that, then the h1 can be the size of the wrapper and the image coming from the background won't cause a horizontal scroll. also, another way to deal with people clicking on the homes for the floor plan and then coming back to the top of the previous page, use defined anchors (can never remember what to call them). if that is not enough to jog your memory about what i'm talking about, ask and i'll get more specific. also, noticed a englisho, as opposed to a typo - on this page. http://website1.keithcoxdesign.com/activities.html you have: Hiking Trails A brisk walk or a stroll its up to you. should be: Hiking Trails A brisk walk or a stroll, it's up to you. IE6 has an annoying image toolbar which comes on over the pictures of your houses, to get rid of it, add this is the meta tag area. meta http-equiv=imagetoolbar content=no also, noticed you don't have description and other meta tags, maybe they're to come, at any rate, you'll want more stuff there. cheers donna best Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
[css-d] font problem in IE, maybe
hi everyone: i recently added this http://www.wholehomeresource.com/interiors.htm , and updated, the code for the site in general. there has been one report of the font-size being very very small (i think they're probably using IE6). no other complaints and things seem fine on my PC browsers and the client is on a Mac w/ Safari and i've done various shots at browsercam, all okay. i've called the font in the body at 1em and gone from there. i've read about the problems that IE has with font sizing sometimes, but i had thought it was a all or nothing problem - meaning i would see it on my IE if it was a problem. can it just sort of come and go. what should i have used to assure it wouldn't be a problem, assuming it is something in my writing. thanks very much. Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] font problem in IE, maybe
Almost. The text at the bottom of your color swatch gifs is so tiny and low in contrast I can't tell what it's there for without a magnifier or halving my screen resolution. oh, i thought you were talking about the list in the content, but i see you're talking about the list for the menu. sorry you find it so tiny, but it doesn't really matter very much if one doesn't get what its there for. Somehow I don't think those list items are displaying the way you intended. http://mrmazda.no-ip.com/SS/donnj1.jpg The reason for their existence isn't apparent to me. Only the top two have enough color contrast between the black text and the gif color. http://juicystudio.com/services/colourcontrast.php#result interesting and glad to have that link, i'd had one before but it was lost in my bookmarks morass. according to that though, the top three are okay and the bottom one isn't off but that much, and i do think the fact that they're bolded helps. the whole bit is supposed to look like a paint strip that you might pick up at a hardware store. if anyone has done much painting, i think they would recognize it. cheers Donna -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ __ 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/
Re: [css-d] The mind boggles (IE)
MARG wrote: Hi, Why does this page: http://www.tuxdoit.com/newsletter.php renderes correctly in Firefox and gives a completely white page in IE 6 ? I'm bezerked! Would someone help me please ? Warm Regards, Mári Gamito Hi Mari: I'm seeing it fine in IE6, maybe you just needs to refresh your browser? holding the shift key while hitting refresh will give you a hard refresh, at least on windows. best Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] browser cam pool forming
Dear CSSers: Another list I'm on is getting another browser cam pool together, through https://www.fundable.org/groupactions/browsercampool . The amount browser cam has charged has gone up, its now $39.90 a person, or something like that - close to $40.00. If you don't know about browser cam you can check it out here: https://www.browsercam.com/ you could also set up a free 24-hour account if you wanted to look at it more. Here's there pricing page so you can see what it is like as an individual: http://www.browsercam.com/Pricing.aspx I wanted to pass this on here because it has been invaluable to me in learning css. Since this might be considered off-topic perhaps you should write me off-list if you have questions. best regards, Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] browser cam pool forming
I wanted to pass this on here because it has been invaluable to me in learning css. Since this might be considered off-topic perhaps you should write me off-list if you have questions. How so? Personally I just get frustrated by bugs I cannot reproduce. Having a real setup with the browser is much more beneficial. Another thing I hate about browsercam and sitevista is that it promotes supporting old browsers and the myth that a good web site has to look the same on every browser. I see CSS as a different, much more interesting and beneficial for your visitors challenge. http://www.wait-till-i.com/index.php?p=172 Chris, thanks for your questions and input. For me, as a newbie, having only windows browsers (but 8 of them), I really like being able to check on the Mac browsers. Its also been really neat in showing the public url to clients sometimes. Helps them to see that the world is bigger than their own particular browser. If I could afford to have another system, and the space, I would probably do it but for now browser cam is very beneficial. At any rate, we probably don't want to get into discussing the pros and cons - (and there are resources for people to explore, or write me) i have a feeling people on here probably know what they think of it and it is semi-off topic, if not totally. :) best Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] element height problem in IE
Hi, Everything seemed to be working with my site, then I noticed that the main element height extends down a couple hundred extra pixels in IE. Anyone know why it would do this? http://www.smandrew.com/dutch/ Thanks! Andrew Hi Andrew: I spent some time with it and couldn't figure it out but i do have a clue. if you notice how it displays in firefox, look at the scroll bar and it has that same amount of space that IE does, so something isn't right with the code, its just that IE is handling it differently. If it really ended where you wanted it to, there would be little or no scroll bar in firebox but you get about the same amount of scroll in each. there are some issues with validation, maybe fixing those would help. nice design! i did just notice this in your #rightbox - margin-top: -455px; that doesn't seem right.. ? best Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trouble with Firefox
Matt wrote: Greetings everyone, I am having trouble getting a page to work properly, and was hoping someone here may be able to point me in the right direction as to where I'm going wrong. I've included the entire page's code below (I apologize, but I don't have ready access to a host outside my network). Hi Matt: i copied your code and ran it through the local validator i use quiet a bit. http://www.htmlvalidator.com/ It found a ton of errors but i think a lot of them may have been made because line breaks were created when you pasted it into the e-mail (for example on the meta tags, they shouldn't be broken but i doubt if they are in your source). But, some were from other issues, pretty sure . Since you can't load it anywhere, maybe get a copy of the above, there is a free version and i find it very helpful. maybe someone else can make more out of your code, also. hope so. cheers Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check
Olly: i played around with your css last night using edit css from the Firefox web developers toolbar. i don't particularly like the bricks either but if you made them to be unscrollable i think it would be neater. just add fixed in where you're calling that image as background. (i think you have repeat just add fixed after that). also, you could add some background to the paragraphs (pick up one of the light grays from the bricks) and it becomes much more readable. and yes, you need some leading in the paragraphs (spacing between lines) but i think David straightened that out for you. cheers Donna oh, and that block of graphic text in the top-right. you do need to re-do it and you can add leading in it too (at least with PS and I assume other graphic editors). also, that second sentence doesn't exactly make sense, you should try re-wording it. maybe type the whole thing out in Word and play around with it. one other thing --- the big Neale Marriott at the top, probably should line its margin up with that graphic text box. and while you're at it, if you're really going to keep the bricks, take out the white in the borders of that image, (and under Artist's Statement) its just distracting. That's all. :) olly wrote: On 11/19/05, David Laakso [EMAIL PROTECTED] wrote: -- The uppercase text in the header is /very/ difficult to read. i agree to an extent - i'll look at it again -- The color of the blocks of content text(their black-whiteness, not hue) would be improved with more lead. And same above/below paragraph blocks. increase the letter spacing? looks ok to me but i'll experiement -- Superimposing the content text on the bricks does not help readability(for me). do you mean the background to: http://www.nealemarriott.co.uk/contact.html the client really wants that image used and it's the only place i could fit it in :) -- My background color in Opera is set to fuchsia. Guess what...? background colour of what?! how annoying. is this a known opera bug? works for me in opera 8 -- Lack of header text when images are disabled /may/ be an accessibility issue. in the gallery picture nav you mean? -- Curious. Who be Lylo? my company! thanks very much for your feedback david, much appreciated as always! cheers. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border in image link
My sympathies with going nuts :) - I had this same problem before. Here's the solution: Thanks, just when one thinks *maybe* you're making some progress - then Bam! its good to have empathy and sympathy. I can't imagine saying to my client, well, i just spent three hours (not much exaggeration) trying to figure out how to make a link from that button! - and, obviously, i don't feel like this is the sort of thing that is chargeable. just gotta try to keep one's sense of humor - that's about all one can do. :) You could change a img,:link img,:visited img { border:1px solid black; } to a img { border: none; } which would remove the border from all images within links. This is what I did, i wrote the list as fast as i could to say I'd figured it out but the mail crossed, i think. Alternatively, you could assign that particular image/button an id or class: a class=imagebutton href=decorating.htmimg src=images/decorating-button.jpg width=86 height=51 alt=/a and use this css: a#imagebutton img { border: none;} this is what i was trying to do and couldn't get it right somehow! I'm going to re-visit it with your code just as a learning bit. Thanks Anathema for seeing I had undohtml twice! Geez - good eyes! thanks again everyone. Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] border in image link
Alternatively, you could assign that particular image/button an id or class: a class=imagebutton href=decorating.htmimg src=images/decorating-button.jpg width=86 height=51 alt=/a and use this css: a#imagebutton img { border: none;} -Neal Neal, i tried this and it didn't work. I've loaded the page again if anyone wants to look. It seems like it should work but the only way I've found to change it is my changing the undohtml.css to 0. I wonder if using !important would over-ride the undohtml; i did try that but wasn't sure if i had it in right since i've never used it before. anyway, its purely academic now since i know now to change the undohtml.css but it does seem like it shouldn't be so hard to make it more specific. cheers, Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] semi-clickable links in IE
Greetings everyone: a while back i had seen someone's blog where they talked about how to fix IE's menu so that the whole link area for active on hover - i think he was calling it the semi-clickable in IE problem. can anyone point me to that?! maybe the author? I think he was on this list. tia and cheers, Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] semi-clickable links in IE
Thanks John. i will try that out later ... gotta run and do a bit of cat setting right now. I know there is a way to deal with the issue without using conditional comments though ... still hoping i can get that reference. regarding your comment about too new to post - nah - the newbie questions are what keeps this list going, otherwise there would be nothing to talk about! :) and your response was not a newbie response. cheers Donna John Dalton wrote: Donna: I put the following css to do what you want. You must put it in the HTML section of the page, not inside an included css. !--[if IE 5] style #navholder a { height: 1em; float: left; clear: both; width: 100%; } /style ![endif]-- !--[if IE 6] style #navholder a {height: 1em; } /style ![endif]-- Not original with me! Found this in a book CSS Hacks and Filters, by Joseph W. Lowery, in chapter 10, Building Navigation Systems. Hope this helps. I am a newbee to css and enjoy the list, but too new too post I think. John -Original Message- From: Donna Jones [mailto:[EMAIL PROTECTED] Sent: Sunday, October 09, 2005 15:16 To: css-d@lists.css-discuss.org Subject: [css-d] semi-clickable links in IE Greetings everyone: a while back i had seen someone's blog where they talked about how to fix IE's menu so that the whole link area for active on hover - i think he was calling it the semi-clickable in IE problem. can anyone point me to that?! maybe the author? I think he was on this list. tia and cheers, Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] check site
Steve, do you have the webdev toolbar installed on Firefox? There is a handy way to validate your code from it. http://chrispederick.com/work/firefox/webdeveloper/ There are 22 errors in your code, plus you don't have encoding information, apparently. Also, the IE problem, if you give a bit of space between your divisions it might help. On the webdev toolbar also is an outline piece which can go a ways toward helping diagnose problems. hth Donna Steve wrote: Been messing with this for a day and a half. Just can`t seem to figure how to fix. Firefox and Safari look ok, but for IE mac and IE WIN things a little disturbed. Could PLEASE help me fix ?? [ site ] [ http://www.intheholler.com ][ here ] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] check site
This is a P.S. to my previous message - wonder why it hasn't showed up on the list but just one of those things, i suppose. I copied your code etc and changed something, you have: #nav { position: fixed; left:0px; top:0px; width:170px; padding: .5em 0em 0em 0em; margin:22px 0 0 5px;text-align: center; } changed that position: fixed to float: left and everything popped into place. you still need to validate and etc. :-) Cheers Donna Steve wrote: Been messing with this for a day and a half. Just can`t seem to figure how to fix. Firefox and Safari look ok, but for IE mac and IE WIN things a little disturbed. Could PLEASE help me fix ?? [ site ] [ http://www.intheholler.com ][ here ] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] importing, linking resources
can someone direct me to a good article(s)/resource(s) that discuss various ways of importing, linking css files and talks about advantages/disadvantages. Thanks! Donna -- Donna Jones West End Webs http://www.westendwebs.com/ 772-0266 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ie6 problem w/ screen shots
ah Bruno how can I *thank you* fixed fixed fixed. that's one i won't forget, you can count on that! best regards and cheers! Donna Bruno Fassino wrote: Donna Jones wrote: i'm having a problem with ie6 http://www.westendwebs.net/litmed/lm_program.html You have italics in that page, and these may produce, in IE/Win, boxes larger then expected [1]. Try adding: #contentwrapper { overflow: visible; } Please note that this bug may show up in IE5.x also. You don't have it now, probably because it also depends on the fact that some containers have or not a dimension (hasLayout.) Should you change something, you may trigger it, and if you care about IE5.0 the fix is a bit more complex. hth, Bruno [1] http://www.positioniseverything.net/explorer/italicbug-ie.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Donna Jones West End Webs http://www.westendwebs.com/ 772-0266 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/