[css-d] IE problem
I have been working on this yesterday and today And I simply can't figure it out. It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. http://test.grantstinn.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] IE problem
I'll tread very lightly here, Sarah. There seems to be a lot of styles that are either redundant or conflicting. I did not examine them with any rigor, it is a first impression. Also, it looks like you are linked to five different external style sheets. Are they all necessary? There may be conflicts between/among them that would be hard to track down. Bill B Those have to do with Wordpress Plugins... Some of the plugins auto load their own stylesheets. Wordpress is a decent CMS but it does have issues with massive amounts of loaded files and it makes a mess of CSS files and JS files. __ 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] IE problem
They arn't there they are put in there on the server before it serves the file. They are called and the header html is compiled with the get_header() function. This looks at all the loaded plugins and installs the necessary files. As well as the header info I put into the header.php file. I could uninstall the plug ins but then nothing would work. Right now I have 5 plugins installed. One for SEO (it's whats throwing the BB errors.) It allows our content person to manage meta data, and she used the ''. One for Magic-fields - in the back end it lets me create panels for items.. For instance they get a new friend for the friends page. I created a panal in tools for them to select new friend and then they fill out some data and whala the content of the page just changed without me even having to no about it. It is also probably the most important plugin I have. Then there is the Contact Forms- again they can change any of it If a month from now they find they need a new bit of info then it can be added by them. There is also one for shadowbox. It has all the needed JS and integrates it into the back end of wordpress. It is very file intensive but looks realy nice and we use it a lot. The last is Google Analytics. And then there is wordpress itself... It is a monster but it does separate content from presentation. On 3/19/10 1:03 PM, Bill Braun bbr...@hlthsys.com wrote: Atkinson, Sarah wrote: I'll tread very lightly here, Sarah. There seems to be a lot of styles that are either redundant or conflicting. I did not examine them with any rigor, it is a first impression. Also, it looks like you are linked to five different external style sheets. Are they all necessary? There may be conflicts between/among them that would be hard to track down. Bill B Those have to do with Wordpress Plugins... Some of the plugins auto load their own stylesheets. Wordpress is a decent CMS but it does have issues with massive amounts of loaded files and it makes a mess of CSS files and JS files. Can you remove the link rel=stylesheet... references from your HTML documents? Bill B __ 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] IE problem
I think I got the giant white box fixed... I added display: block and position: relative; to a few divs then I had to change the z-index on a couple of other items to compensate. This caused a couple of other problems to develop in safari but I think I have got it. On 3/19/10 1:22 PM, Claude Needham gxx...@gmail.com wrote: On Fri, Mar 19, 2010 at 8:28 AM, Atkinson, Sarah sarah.atkin...@cookmedical.com wrote: I have been working on this yesterday and today And I simply can't figure it out. It is a wordpress site. And it just is giving me some very weird giant white box display problems win IE6 and 7. http://test.grantstinn.com/ Hello Sarah, In IE6, I am not seeing what I would call a giant white box in the above sample page. I do see two issues. 1) The png images are not displayed properly. This is a common problem with IE6. There are known methods for handling png in IE6. Me, I'm a coward. I just use gif and jpg. 2) There is a 10 px margin between the light brown background content box and the darker brown border like line. For me, given my attitude about folks still using IE 6 in the light of current hyper-security risks, I would just pretend that I wanted the 10px margin at the bottom of the page. And let the IE6 users have a slightly different viewer experience. If this is a job for a client try browbeating them into upgrading to IE8 grin. Given the ultra weirdness of Wordpress/Addon css handling. I would try saving the document onto your hard-drive using something like the Firefox save complete document. Then you can edit the page removing stuff bit by bit until you isolate the problem without the extra complexity of potential cross interactions between different style sheets. If your giant white box is a different effect than I am seeing in my particular IE6, perhaps you could point to an image displaying the behavior. Regards, Claude __ 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/
[css-d] bemstrongi tags
I know these tags are considered to be Presentational in type and there for avoided in semantic markup but I still like to use them in a semantic way. To me it seems practical is some content is important or different from content around it it should have different markup around it regardless of how it looks. There are tags for acronyms and abbreviations, but what if something is just more important or different? Granted they are not perfect for every situation. You can style them in the CSS however you want... In fact I use Myer's reset CSS which pretty much removes default styles from them. Usually I just flip back and forth between the em and b. I like the em because it makes since if something is more important then it has Emphasis. But I also like the b because I'm very lazy and like 1 letter tags. __ 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] bemstrongi tags
When I use the em the idea is that I would never want to just change some of their appearance. I would want all of them to appear different in the same manner unless maybe they were inside something else that conflicted with that style. So my CSS just looks like Em{ some-property: something; } Or .some class em{ some-property: something; } On 3/5/10 3:51 PM, Mark Wonsil won...@4m-ent.com wrote: Skip after Sarah: I do consistently use em for emphasis and reserve i for foreign language words. And cite for book titles. But since this is a CSS list, all I'll say is that CSS offers little here unless you decide you prefer to boldface book titles or something like that. This really is about markup not appearance. But if you ever wanted to change the appearance of all foreign words, you're now on a search-and-replace mission where if you mark it up to begin with, you can change it in one line. Even if you have two versions of em, you can add a class to make them the same or different. em vs. em class=veryImportant FWIW, Mark W. __ 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/
[css-d] Best way to include
Is it better to include with a list of link files or link a main stylesheet and @import all the css files into it? __ 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] @import css or link
I have multiple css files Which is better linking them in the header or using the @import in a main.css file and then linking that in the header? __ 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] Amazing CSS
Pretty simple realy They are just images that are then in a div with the background color of white. At the bottom of the div is a span with a background image with a transparent png that gives it the shadow. At least that Is how I'm guessing it Is done he's hiding a lot of his stuff. On 9/15/09 2:55 PM, Chris Blake ch...@3pointdesign.com wrote: Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ 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] Amazing CSS
If you are talking about the text that is done with javascript not css On 9/15/09 3:01 PM, HallMarc Websites m...@hallmarcwebsites.com wrote: Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ 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/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.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/ __ 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] Is there such a thing as a sub class (in css not society)
U can set multiple style classes to an item. Also u can use the cascade. So u can set styles for all of the .thisHead And then set styles that are only for .pullout .thisHead Sent from my iPhone On Jul 23, 2009, at 7:56 AM, Chris Price chris.pr...@choctaw.co.uk wrote: I want to rationalise my css so that I am not continually inventing classes when I want to create a new effect. Today I have created a 'pullout' class which has a head, image and body. I don't want to use an H? because I don't know where that element is going to sit in a document and I don't want to have to undo any styles set previously. So I have .thisHead and .thisImg which are not styled explicitly but within their context, e.g. .pullout .thisHead {}. This means I have to re-style .thisHead whenever it belongs to a different parent but at least I don't have to invent a new class name. So far so good. But now I have a 'comment' class which follows a set format except its width changes depending whether it is a short or medium length. So I tried class=comment wide but that doesn't work because .wide is not set explicitly, only within another style. The alternative is to have a narrowComment class and a wideComment class because a wide class with a set width means it can only apply to a 'comment' element. I've used .larger and .smaller in the past but I have to specify the increment which gives me no flexibility. It would be simpler if I were dealing with IDs because I could style my #comment and add a .wide class and then specify the style for #comment .wide in my style sheet. But 'Comment' is not an object, its a type. So, in effect, I'm looking for a sub class. Does this make sense and is there a logical solution that's portable and not too exotic? -- Kind Regards Chris Price Choctaw chris.pr...@choctaw.co.uk mailto:chris.pr...@choctaw.co.uk www.choctaw.co.uk http://www.choctaw.co.uk Tel. 01524 825 245 Mob. 0777 629 0227 Choctaw Media Fertile Ground for Websites Follow me on Twitter http://twitter.com/choctaw Catch up with me on LinkedIn http://www.linkedin.com/in/spoonfulofdreams Its a Living Thing~~ Sent on behalf of Choctaw Media Ltd ~~ Choctaw Media Limited is a company registered in England and Wales with company number 04627649 Registered Office: Priory Close, St Mary's Gate, Lancaster LA1 1XB, United Kingdom. __ 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/
[css-d] Creating your own stylesheet for a website
I go to a website fairly regularly and their styles are horrible. It's just too painful for me to look at anymore. Is there away for me to create a Stylesheet for it and have my browser automatically override there styles? I know to many of you this might sound horrible but don't worry no designers feelings will get hurt... I'm sure that no designers were used in making the site. __ 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] css3 selectors
You should use h* elements instead of p elements for any kind of header. You might then not need to specify any classes and it's more semantically correct What I'm going for is to take the bottom margin off of a paragraph preceding a list. I don't need the list to be styled any differently, so there's no reason to target it at all. Scott has a valid point here. Maybe this is the way you should be doing it. Also is it possible to make up ones own elements? That's sorta what XML is right? If you could do that then you can style it just like a p or h1 tag. __ 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] Strange lack of hover effect on BOTH IE6 and IE7
I think you can't do that in ie. You can only use hover to effect the a and not the img tags. Try taking out the img tag in the Css. The style should cascade down to the img anyway. Sent from my iPhone On Mar 16, 2009, at 11:15 PM, Phil Matt p...@philmatt.com wrote: De-lurking here. I've been working on a site that's my usual mostly-CSS thing. For some strange reason, I can't seem to get this simple hover effect to work in EITHER IE6 or IE7 - works as expected in Firefox. Maybe it's been too long a day, but I can't seem to figure it out. In IE, NOTHING happens when you hover over the small GIF image - which is a graphic created from a specific font. The idea is to simulate the typical text-decoration you'd see on an ordinary text link. In FF, the expected red lower border appears on hover. Here's the code snippet: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 titleUntitled Document/title style type=text/css img { border: 0; } a:link img { text-decoration:none; padding:0; margin:0; border:0; } a:hover img, a:active img { border: 1px solid red; border-width: 0 0 3px 0; padding:0; margin:0; } /style /head body a href=http://www.someURL.com; class=titler img src=donuts.gif alt=Donuts //a /body /html What am I missing? TIA for your help. 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/ __ 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] CSS3
Does anyone know when Browsers will start supporting CSS3? __ 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] CNNs CSS file
I was looking on CNNs site to see what there CSS file looks like And they have a grouping of common padding. Just though it was interesting. What do you guys think? Here is part of it: /* common paddings */ .cnnPad1Top{padding: 1px 0 0 0;} .cnnPad2Top{padding-top:2px;} .cnnPad3Top{padding-top:3px;} .cnnPad3T{padding-top:3px;} .cnnPad4Top{padding-top:4px;} .cnnPad5Top{padding-top:5px;} .cnnPad6Top{padding-top:6px;} .cnnPad7Top{padding:7px 0 0 0;} .cnnPad8Top{padding-top:8px;} .cnnPad9Top{padding-top:9px;} .cnnPad12Top{padding-top:12px;} .cnnPad13Top{padding-top:13px;} .cnnPad14Top{padding: 14px 0 0 0;} .cnnPad16Top{padding-top:16px;} .cnnPad16T{padding-top:16px;} .cnnPad18Top{padding:18px 0 0 0;} .cnnPad30Top{padding-top:30px;} .cnnPad156Top{padding:156px 0 0 0;} .cnnPad5{padding:5px;} .cnnPad9{padding:9px;} .cnnPad8{padding:8px;} .cnnPad10{padding:10px;} .cnnPad12{padding:12px;} .cnnPad18{padding:18px;} .cnnPad5Left{padding-left:5px;} .cnnPad6Left{padding-left:6px;} .cnnPad9Left{padding-left:9px;} .cnnPad8Left{padding-left:8px;} .cnnPad12Left{padding-left:12px;} .cnnPad18Left{padding: 0 0 0 18px;} __ 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] Problem with ul/li in IE
I can't seem to alter padding or margins to my lists in IE on the left or right side. Works fine in Firefox but not IE 6. I haven't tried IE 7 since I don't have it on my machine __ 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/