[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/
