Re: [css-d] Hover over link - opacity
Tim Snadden wrote:
On 13/05/2009, at 3:59 AM, Niels Matthijs wrote:
a {opacity:1;} a:hover {opacity:0.7;}
Bear in mind that if you want this to work in Internet Explorer you
will need to include extra rules (preferably in a separate stylesheet
included via conditional comments):
a { filter: alpha(opacity=100); } a:hover { filter:
alpha(opacity=70); }
... and for IE8 that would be -
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
Cordially,
David
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with menu in IE7
I am currently working with a client on the following web site -- http://www.keystonees.com/new. For some reason, the menu bar (home, about, services, faq and contact) do not appear in IE7 but they appear on all other browsers. The CSS can be seen at http://www.keystonees.com/new/css/main.css. Any and all help figuring this out would be greatly appreciated! Thanks in advance! Joe __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with menu in IE7
try adding position:relative to the menu and or the header id. I am on linux so unfortunately cannot test if it will work, but I had a problem similar to this a while ago. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with menu in IE7
On Wed, 13 May 2009 12:01:39 -0400, Joe Polk wrote: | I am currently working with a client on the following web site -- | http://www.keystonees.com/new. | | For some reason, the menu bar (home, about, services, faq and contact) do | not appear in IE7 but they appear on all other browsers. The CSS can be | seen at http://www.keystonees.com/new/css/main.css. | | Any and all help figuring this out would be greatly appreciated! Thanks in | advance! Start by fixing the 32 errors http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.keystonees.com%2Fnew%2F -- Rasal Postill Dance your Life - Biodanza in Holland - http://www.danceyourlife.eu __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with menu in IE7
Subject: [css-d] Problem with menu in IE7 I am currently working with a client on the following web site -- http://www.keystonees.com/new. For some reason, the menu bar (home, about, services, faq and contact) do not appear in IE7 but they appear on all other browsers. The CSS can be seen at http://www.keystonees.com/new/css/main.css. Any and all help figuring this out would be greatly appreciated! Thanks in advance! 32 markup errors. Fix those first. http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.keystonees.com% 2Fnew%2F Cheers Ian iyes SEO Specialists __ 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] Navigation list problem in Safari 3.0
I'm using chromejs for drop-downs in Nav bar. Looks fine in Firefox, but shows small question-mark in box when viewed in Safari 3.1.2. Don't know if this is a javascript problem, css, or what. Additionally, can anyone explain why Safari renders the in-line list shorter than Firefox? It seems like it renders the font smaller. I've used a css hack to apply specific styling to Safari on another website, and it works, but is there something I'm missing as to why Safari renders the previously mentioned items differently than Firefox? Are there other methods to get it to behave the same. Here's the url to the site (in-development) http://rodcastello.com/pedro/index6e.html Thanks in advance. Rod Castello http://rodcastello.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] css-d Digest, Vol 78, Issue 10
I am currently out of the office and will return on Thursday the 14th of May. If you have any urgent queries please contact Steve Lee on 0113 391 2929. Regards Peter __ 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] Truncated columns
Hello, I'm certain that this is a terribly elementary question, but I have not been able to solve it. I'd appreciate any push in the right direction. On the page at http://www.maireadnesbitt.com/index.html , the middle column can be scrolled but the left- and right-hand columns are truncated at small window height. How can I avoid that truncation? Bruce __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Navigation list problem in Safari 3.0
On 14/05/2009, at 6:54 AM, Rod Castello wrote: I'm using chromejs for drop-downs in Nav bar. Looks fine in Firefox, but shows small question-mark in box when viewed in Safari 3.1.2. There's an image missing ( /pedro/down.gif) and Safari is just complaining about it more than Firefox. In the javascript is says: dropdownindicator: 'img src=down.gif border=0 /' You need to ensure that this image is there or change the path to point to its location. Additionally, can anyone explain why Safari renders the in-line list shorter than Firefox? It seems like it renders the font smaller. I've used a css hack to apply specific styling to Safari on another website, and it works, but is there something I'm missing as to why Safari renders the previously mentioned items differently than Firefox? I don't know but it may be a rounding issue? __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Navigation list problem in Safari 3.0
Thanks Tim, that did the trick. Rod Castello 11812 A Moorpark Street Studio City, CA 91604 (818) 437-7880 http://rodcastello.com --- On Wed, 5/13/09, Tim Snadden li...@snadden.com wrote: From: Tim Snadden li...@snadden.com Subject: Re: [css-d] Navigation list problem in Safari 3.0 To: css-d@lists.css-discuss.org Date: Wednesday, May 13, 2009, 7:20 PM On 14/05/2009, at 6:54 AM, Rod Castello wrote: I'm using chromejs for drop-downs in Nav bar. Looks fine in Firefox, but shows small question-mark in box when viewed in Safari 3.1.2. There's an image missing ( /pedro/down.gif) and Safari is just complaining about it more than Firefox. In the javascript is says: dropdownindicator: 'img src=down.gif border=0 /' You need to ensure that this image is there or change the path to point to its location. Additionally, can anyone explain why Safari renders the in-line list shorter than Firefox? It seems like it renders the font smaller. I've used a css hack to apply specific styling to Safari on another website, and it works, but is there something I'm missing as to why Safari renders the previously mentioned items differently than Firefox? I don't know but it may be a rounding issue? __ 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] Truncated columns
On 14/05/2009, at 6:59 AM, bruce.som...@web.de wrote: On the page at http://www.maireadnesbitt.com/index.html , the middle column can be scrolled but the left- and right-hand columns are truncated at small window height. How can I avoid that truncation? It's because they are set to position: fixed. This means that they stay in position on the screen and don't scroll. Remove line 149 of the stylesheet. __ 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] Truncated columns
On 14/05/2009, at 6:59 AM, bruce.som...@web.de wrote: On the page at http://www.maireadnesbitt.com/index.html , the middle column can be scrolled but the left- and right-hand columns are truncated at small window height. How can I avoid that truncation? Also remove line 45 (for the left hand side). By the way, the picture of the woman will always remain static as it is a background image on the body and the left hand column is absolutely positioned but has both 'top' and 'bottom' set. Remove 'top' rule and it will position itself properly to the bottom. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with menu in IE7
Joe Polk wrote:
I am currently working with a client on the following web site --
http://www.keystonees.com/new.
For some reason, the menu bar (home, about, services, faq and contact) do
not appear in IE7 but they appear on all other browsers. The CSS can be
seen at http://www.keystonees.com/new/css/main.css.
Any and all help figuring this out would be greatly appreciated! Thanks in
advance!
Joe
Neither the CSS nor the markup is valid. And validating both will not
fix it. But you should validate the markup. And the invalid rule in the
CSS is not needed.
Reset these declarations to read ( and 6/7/8 will cooperate):
#header { width: 900px; height: 67px; margin: 0 auto; border:1px solid
red; position: relative;}
#menu {position: absolute; width: 445px;
overflow:hidden;/*vertical-align: top;*/ /*float: right;*/top:
0;right:0; padding: 0px 0 0 0; list-style: none; border:1px solid red;}
* html #menu {width: 500px;} /* 4 IE/6.0 */
__
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] Regarding negative value
hello, All right , Thank you very much . I will keep that in mind and work on it. i do reallly appreciate it. Regards, Gautam Bhatia On Wednesday 13 May 2009 12:14:15 am you wrote: Gautam Bhatia wrote: Hello all, My question was regarding values,Is it a bad practice to have negative values in your css file, for example padding : -5%; Regards, Gautam Bhatia . Not on padding. Your CSS is not valid (negative values on padding are not allowed). Negative values /are/ allowed on margins, http://www.communitymx.com/content/article.cfm?cid=b0029 and negative values are sometime used in creating a stacking order, z-index, of absolute positioned elements. http://www.w3.org/TR/CSS2/zindex.html There are a few other instances where negative values are allowed in the CSS2.1, CSS3, specs. Perhaps someone else can point you to them. I am brain dead at the moment. -- __ 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] Div not expanding
Hi All, Can't figure out how to get this to work. I am at the point where I just keep trying the same things which didn't work over and over-- argh... I can not get the black container where the photos are to expand properly to fit the content. Any thoughts? http://chromacreative.com/testingserver/hawkeye/site/products- leather.html Thanks! Chris __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Div not expanding
On 14/05/2009, at 11:58 AM, Christopher Kip wrote: Hi All, Can't figure out how to get this to work. I am at the point where I just keep trying the same things which didn't work over and over-- argh... I can not get the black container where the photos are to expand properly to fit the content. Any thoughts? http://chromacreative.com/testingserver/hawkeye/site/products- leather.html .screenwrapperB is set to position: absolute which means that it is taken out of the document flow and creates no vertical space. If you remove the absolute positioning and height from .screenwrapperB and remove the height from #viewercontainer it should get you going in the right direction. If you give .screenwrapperB 'overflow: auto' it will contain the floats and you will see the black background correctly. Also - validate your CSS! There are a couple of syntax issues. Cheers, Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Div not expanding
Christopher Kip wrote:
I can not get the black container where the photos are to
expand properly to fit the content. Any thoughts?
http://chromacreative.com/testingserver/hawkeye/site/products-
leather.html
Thanks!
Chris
Re-set selector to read only (not tested):
.screenwrapperB {
border:1px solid red;
background: #000;
float:left;
width: 535px;
}
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Navigation list problem in Safari 3.0
Rod Castello wrote: Additionally, can anyone explain why Safari renders the in-line list shorter than Firefox? It seems like it renders the font smaller. [...] http://rodcastello.com/pedro/index6e.html Thanks in advance. Now you have the other issues addressed, I think your menu width issue may be due to the way Safari tends to truncate any fractions of a percent for font-size based lengths (EM or %). It looks like the letter-spacing: 0.4em; being less than 1px is ignored by Safari, but applied by Firefox. Of course, any computer not having Impact fonts installed will get something else entirely. So will anyone with text-size settings other than the most usual, or with an OS setting other than 96 DPI. Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
