Re: [css-d] a:hover vs images with alpha chanel

[Seona Bellamy]

2008/8/5 snak detek+0r <[EMAIL PROTECTED]>:
> does anyone have a good way of universally disabling
>
>a:hover{background-color}
>
> for images? i always have this problem, and i'm never satisfied with the
> solution. it seems that you could fix it by styling
>
>a img {background-color: transparent}
>
> or
>
>a:hover img {background-color: transparent}
>
> but it seems like these never work. i also couldn't find anything new in
> the archives. but it's still worth asking: does anyone have a brilliant
> solution for this that i've never seen before?


Not sure that this will work in your situation, but if you aren't
using the background-image property then you should be able to do
something like:

a:hover img {background: none; }
or just
a img {background:none; }

That should get rid of the background colour, but will also remove any
background images.

Cheers,

Seona.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] a:hover vs images with alpha chanel

[Philippe Wittenbergh]

On Aug 5, 2008, at 12:27 PM, snak detek+0r wrote:

> does anyone have a good way of universally disabling
>
>   a:hover{background-color}
>
> for images? i always have this problem, and i'm never satisfied with  
> the
> solution. it seems that you could fix it by styling
>
>   a img {background-color: transparent}
>
> or
>
>   a:hover img {background-color: transparent}
>
> but it seems like these never work. i also couldn't find anything  
> new in
> the archives. but it's still worth asking: does anyone have a  
> brilliant
> solution for this that i've never seen before?

a img {background-color: transparent} will only disable a background  
behind an image, but the link-box itself will still have a background- 
color.
a.link-with-nested-image {}


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] a:hover vs images with alpha chanel

[David Jones]

> -Original Message-
> From: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] On Behalf Of 
> snak detek+0r
> Sent: Monday, August 04, 2008 5:28 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] a:hover vs images with alpha chanel
> 
> hi there,
> 
> does anyone have a good way of universally disabling
> 
>   a:hover{background-color}
> 
> for images? i always have this problem, and i'm never 
> satisfied with the solution. it seems that you could fix it by styling
> 
>   a img {background-color: transparent}
> 
> or
> 
>   a:hover img {background-color: transparent}
> 
> but it seems like these never work. i also couldn't find 
> anything new in the archives. but it's still worth asking: 
> does anyone have a brilliant solution for this that i've 
> never seen before?

Joshn, hmm, not sure what you mean by disabling background-color on
hover? Other than to specify what color you want used.

David Jones, Content Coordinator, Information and Technology Management,
Customer Relations - KL PS, (808) 948-5830

"MMS " made the following annotations.
--

This electronic message is not an offer to contract, the acceptance of an offer 
to contract, or in any other way intended to contractually obligate HMSA; 
neither is it intended to change the terms of any existing contract unless 
specifically so stated.

The information contained in this electronic message (or attached hereto) is 
intended only for the individual or entity to which it is addressed and may 
contain information that is confidential and protected by law.  If you are not 
the intended recipient of this e-mail, you are cautioned that use of its 
contents in any way is prohibited and may be unlawful.  If you have received 
this communication in error, please notify the sender immediately by e-mail or 
telephone and return the original message by e-mail to the sender or to [EMAIL 
PROTECTED]  We will reimburse you for any cost you incur in notifying us of the 
errant e-mail.  Thank you. · 
==

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] :: Mac Safari Display Problem ::

[Amrinder]

Hi 

Yesterday I opened my portfolio website www.awayback.com using Safari (Mac) and 
it showed unexpected line height and font size of sifr embedded headers. I have 
good knowledge of CSS however I thought asking list before started digging on 
my own because guys here have best answers. My website is online since Feb 2008 
but it was yesterday when I really saw it on Mac and I was surprised to see the 
safari's behavior. Although I have tested it on Safari (Windows), Opera, 
Firefox and IE6, 7 but the issue is with Safari (Mac). 

Please elaborate the reason for such display and help me with solution.

Thanks in advance.

Regards,
Amrinder
Freelance Web Designer
www.awayback.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] a:hover vs images with alpha chanel

[snak detek+0r]

hi there,

does anyone have a good way of universally disabling

a:hover{background-color}

for images? i always have this problem, and i'm never satisfied with the 
solution. it seems that you could fix it by styling

a img {background-color: transparent}

or

a:hover img {background-color: transparent}

but it seems like these never work. i also couldn't find anything new in 
the archives. but it's still worth asking: does anyone have a brilliant 
solution for this that i've never seen before?



thanks,

josh
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font Size difference

[David Laakso]

Hayden's Harness Attachment wrote:
> Helen
>
> I think I am beginning to understand.


That's nice (you did have me worried there for a brief moment).


>  I think I will try to increase the font size of "Greenwich Mean Time says 
> ... " font size to the "Choroideremia Research Fondation Inc" in the header. 
> Then move this into a space right under the curve graphic and position the 
> font changing buttons to the right to the right edge of the window. I would 
> like to move the legend to underneath the Eye graphic and under the sub 
> heading. and move the body under the sub header and font changing buttons.
>   


Whatever does it for you.


> Angus MacKinnon
>
>   


Helen


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font Size difference

[Hayden's Harness Attachment]

Helen

Thank you for your hard work. I think I am beginning to understand. I think I 
will try to increase the font size of "Greenwich Mean Time says ... " font size 
to the "Choroideremia Research Fondation Inc" in the header. Then move this 
into a space right under the curve graphic and position the font changing 
buttons to the right to the right edge of the window. I would like to move the 
legend to underneath the Eye graphic and under the sub heading. and move the 
body under the sub header and font changing buttons.

Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com

"Faith is the strength by which a shattered world shall emerge into
the light." - Helen Keller

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Opacity with tags. Can this be done in CSS?

[David Laakso]

Bill Brown wrote:
> Philippe Wittenbergh wrote:
>   
>> No, it is completely true. The 'opacity' property applies to the whole  
>> box and its descendants.
>>
>> Using RGBA/HSLA colours is a completely different game. You don't use  
>> or affect the opacity of the box, only use a semi-transparent colour  
>> (value) for the background property.
>> 
>
> Right, ok, sorry. Must have mis-read the question.
> Please disregard my previous reply.
>
> Thanks!
> --Bill
>
>
>
>   


It is difficult to disregard your previous reply-- still suffering from 
vertigo...

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Opacity with tags. Can this be done in CSS?

[Bill Brown]

Philippe Wittenbergh wrote:
> No, it is completely true. The 'opacity' property applies to the whole  
> box and its descendants.
> 
> Using RGBA/HSLA colours is a completely different game. You don't use  
> or affect the opacity of the box, only use a semi-transparent colour  
> (value) for the background property.

Right, ok, sorry. Must have mis-read the question.
Please disregard my previous reply.

Thanks!
--Bill



-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Opacity with tags. Can this be done in CSS?

[Philippe Wittenbergh]

On Aug 5, 2008, at 8:24 AM, Bill Brown wrote:

> This isn't /entirely/ true, as is alluded to in the link that Philippe
> has included in his reply.
>
> A strange combination of RGBA, IE's gradient filter and data:uri (or a
> png) will allow you to achieve a cross-browser,
> semi-to-fully-transparent background without causing the text inside  
> the
> element to inherit the transparency.

No, it is completely true. The 'opacity' property applies to the whole  
box and its descendants.

Using RGBA/HSLA colours is a completely different game. You don't use  
or affect the opacity of the box, only use a semi-transparent colour  
(value) for the background property.


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Opacity with tags. Can this be done in CSS?

[Bill Brown]

Philippe Wittenbergh wrote:
> On Aug 5, 2008, at 2:15 AM, Karl Bedingfield wrote:
>> Is there a way to keep my h2 text full opacity while the background
>> colour is at 50% opacity?
> NO.
> This has been asked on the list a few times recently.
> See e.g.
>   
>  >

This isn't /entirely/ true, as is alluded to in the link that Philippe
has included in his reply.

A strange combination of RGBA, IE's gradient filter and data:uri (or a
png) will allow you to achieve a cross-browser,
semi-to-fully-transparent background without causing the text inside the
element to inherit the transparency.

I've recently worked on a project very similar to one developed by
Hedger Wang. You can see my work here:
http://theholiergrail.com/sandbox/rgba-cross-browser.php
and Hedger Wang's project here:
http://www.hedgerwow.com/360/dhtml/rgba/demo.php

I was unaware of Hedger's project during the time I was implementing a
solution for a client who wanted exactly what you're asking for. If I'd
known about his, I might have used it instead of working on one of my
own, except that a cursory glance seems to indicate that his is slightly
more complex. I haven't really had a chance to delve much more into his
work on that page.

In any event, I hope it helps. Let me know if you have any questions.
--Bill



-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Opacity with tags. Can this be done in CSS?

[Philippe Wittenbergh]

On Aug 5, 2008, at 2:15 AM, Karl Bedingfield wrote:

> Is there a way to keep my h2 text full opacity while the background
> colour is at 50% opacity?



NO.
This has been asked on the list a few times recently.
See e.g.


PS - please bottom post when answering to the list.


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[tedd]

At 11:45 AM -0400 8/4/08, Bill Brown wrote:
>Hey folks,
>
>For a while now, most of my projects have been authentication-required
>deals, making it difficult to have anyone view/review them. I'm now
>working on the final stages of a website which isn't protected from
>public view and thought I'd check to see if anybody sees any problems.
>
>It's only the template as I'll be layering in the various modules over
>the next few days, but here's the basic template:
>
>http://www.researchstevemccurry.com/
>
>The links won't take you anywhere, but the tabs in the upper right will
>slide panels into view.
>
>If anybody has a second to take a look, I'm particularly interested in
>Mac rendering, since it's one of the systems I don't have here in my office.
>
>Thanks! ALL feedback is welcome.
>Bill


Looks good to me, except for the vertical scroll bar -- it's always 
there even when it's not needed.

Cheers,

tedd



-- 
Specifics   {
Mac-OS-X: 10.4.11;
Safari: 3.1.2;
}

http://sperling.com  http://ancientstones.com  http://earthstones.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Font Size difference

[David Laakso]

Hayden's Harness Attachment wrote:
>  I took a copy of the code you gave me and probably messed it up in trying to 
> understand. I thought I had the font size in Firefox 3.0.1 and IE7 licked. 
> However, IE7 will display "Greenwich Mean Time says ... " and everything else 
> in 15 point Arial. And Firefox 3.0.1 displays "Greenwich Mean Time says ... " 
> and everything else in 12 point Arial. Do you know why?
>   




Dunno. I am still trying to understand why the handicapped stall is 
always the last one in public rest rooms.






> http://www.choroideremia.org/new/crf_header.php
>
> Angus MacKinnon
>
>   


The whacked header is fixed, other positioning request more or less met, 
and markup validated. Please download this file:

and save it as new/crf_header.php on your machine-- in other words my 
file replaces your file (so we can put this to bed without introducing 
error).

Warmly,
Helen

PS All replies to the list, please.



-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Thierry Koblentz]

> > Without Images:  Looking at a page without images (disable them using
> > the Firefox web developer tool bar) shows you what it might be like on a
> > brutally slow connection.  Pretty good in this view, though I loose the
> > page title and the top links are unreadable in this instance so you
> > might take a look at that.  You might switch to an IMG tag with ALT and
> > TITLE attributes to fix that.
> 
> I'm so unhappy with all the solutions for image replacement and

I like this one: http://tjkdesign.com/articles/tip.asp
i may be a bit biased though...

> thoroughly disappointed that there's no standard method which works
> consistently without bloating markup or style. One would think there
> would at least be a simple JS solution for detecting whether or not a
> user has images enabled. Anyway, I'll look into another solution.

A simple solution is to use JS to check for the dimension of an image in the
document.
I use it on this page to make sure the buttons are *not* half way styled if
JS or images is off:
http://tjkdesign.com/lab/uploader/buttons.asp
 

-- 
Regards,
Thierry | http://www.TJKDesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] bg img 1px too far to left or right in some browsers

[Daniel Hammond]

URL: http://www.objectivedesigns.com/amittius/index.htm
CSS: http://www.objectivedesigns.com/amittius/index.css

(Tested only on WinXP Pro)
Safari and Opera show the page's background image correctly regarding its
position in relation to the rest of the site content (successfully centers
everything nicely in the browser window), but FF3 has the background image
one pixel too far to the left (or content too far to the right), and both
IE's (6 and 7) have the background image one pixel too far to the right (or
content too far to the left). Any idea why this is happening and how it can
be fixed?

(the problem can most easily be seen by looking at the left and right edges
of the green navigation bar)

Thanks,
Daniel

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Bill Brown]

Thierry Koblentz wrote:
> The tabs look good in FF2/Win.
> As a side note, adding "tabindex=0" to your DTs should allow keyboard users
> to access these tabs and trigger the script.

Hey there, Thierry. Excellent point. I did just that and uploaded the
changes. Now, I think I might implement the arrow keys as well at some
point, but if nothing else, tabbing works for now.

Thanks a lot!
beghilos(7718)
Active Project Link: http://www.researchstevemccurry.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Thierry Koblentz]

> Also implemented some Mozilla proprietary code to fix FF2
> inline-block...that should help keep the tabs a little more "inline." I
> don't have FF2 anymore (Win nor Mac), so if someone wants to double
> check that, I'd be most appreciative.

Hi Bill,

The tabs look good in FF2/Win.
As a side note, adding "tabindex=0" to your DTs should allow keyboard users
to access these tabs and trigger the script.


-- 
Regards,
Thierry | http://www.TJKDesign.com




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Bill Brown]

Adam Ducker wrote:
> First Glance:  The page looks good.  Loads quickly.  A little busy with
> graphics for my taste but that's a personal preference.  The page
> resizes nicely in large and small windows.

Gotcha. With regard to the images, it's a Flash conversion and was very
image intensive. I've managed to cut the image usage to a third with
this new design...if you can imagine.

> CSS:  Looks good to me.  No real opinion on it.

Groovy.

> Different Browsers:  The text looks the same in all browsers mostly.
> That's the hard part I think.  IE 6 has some issues though.  I don't
> like that the opacity for the main body sections don't work the same in
> Firefox as in IE and the solutions to fix it make for bad CSS in my
> opinion. I try to stay away from opacity for this reason but the
> examples are out there.  In the end though the difference degrades
> nicely and there's no loss of use so you'd be fine.

Hmm. Interesting. I see no discernible difference in the opacity. I
thought the use of gradient and rgba would provide more consistent
results than opacity. More research is required, I suppose.

> Looks good for me on Safari in windows.  This helps me avoid mac a lot
> of times.  For a look on other browsers try this link if you haven't
> before:  http://browsershots.org/

I've never really had much problems coding for Safari. I've used
browsershots before and gave em another try here (thanks for the reminder).

> Without Images:  Looking at a page without images (disable them using
> the Firefox web developer tool bar) shows you what it might be like on a
> brutally slow connection.  Pretty good in this view, though I loose the
> page title and the top links are unreadable in this instance so you
> might take a look at that.  You might switch to an IMG tag with ALT and
> TITLE attributes to fix that.

I'm so unhappy with all the solutions for image replacement and
thoroughly disappointed that there's no standard method which works
consistently without bloating markup or style. One would think there
would at least be a simple JS solution for detecting whether or not a
user has images enabled. Anyway, I'll look into another solution.

> Without CSS:  Your HTML is good.  You've used H1, H2 tags well and ULs
> too.  One problem is your top links aren't at the top of the page when
> styles are disabled though, so this could cause trouble some users with
> disabilities.

Thanks. I chose to put the HUDs at the bottom because I consider them
auxiliary information and thought the main content of the page should
come first. I'll have another session with my methodology in this case
though and see it it stands up to scrutiny.

> Overall a really good page.  The things I've outlined aren't show
> stoppers for the most part but may make your site more usable.

Thanks! I'm thoroughly interested in making it more usable and will give
your points some time and attention and see if I can work out some
compromises.

Thanks, Adam, for your time and feedback. It's much appreciated.
--Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Bill Brown]

David Laakso wrote:
> The tab font ascenders kiss the chrome on all my browsers-- too tight.
> Not too freak out, but I prefer your page with images disabled--
> darkness and diagonals always scare me.

> Isak Dinesen

LOL!
OK, "Isak" and Ingo (et al)--

I killed the diagonals. I have little control over the other colors on
the site because they were chosen by the client (and I'm 78%
colorblind), but if there's anything else on there that "frightens"
you...please let me know. ;)

Also implemented some Mozilla proprietary code to fix FF2
inline-block...that should help keep the tabs a little more "inline." I
don't have FF2 anymore (Win nor Mac), so if someone wants to double
check that, I'd be most appreciative.

The tabs also only grow vertically now, as opposed to expanding
horizontally. Hopefully, this appears less buggy now.

In terms of the tabs auto-closing on mouseout, I'll have to bring that
up with the client, since we've already changed it /away/ from that
behavior.

Thanks again, one and all, for your thoughtful, expedited and insightful
replies. Changes made here: http://www.researchstevemccurry.com/

--Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS Opacity with tags. Can this be done in CSS?

[Karl Bedingfield]

Hi there,

Many thanks for all your help. The last post fixed all :)

Is there a way to keep my h2 text full opacity while the background
colour is at 50% opacity?

Thanks
Karl


>> The trouble is, I cannot get the h2 #000; background to fade. It is
>> always a solid balck.
>
> Did you try adding a height/width to the element in question? Seems
> like the usual hasLayout issue in IE.
> http://www.quirksmode.org/css/opacity.html
>
> Not sure about Moz, the listed code works in FF3 at least.
>
> Regards,
> Svend
>



--
Regards
Karl Bedingfield



-- 
Regards
Karl Bedingfield
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Opacity with tags. Can this be done in CSS?

[Karl Bedingfield]

Hi there,

Many thanks for all your help. The last post fixed all :)

Is there a way to keep my h2 text full opacity while the background
colour is at 50% opacity?

Thanks
Karl


>> The trouble is, I cannot get the h2 #000; background to fade. It is
>> always a solid balck.
>
> Did you try adding a height/width to the element in question? Seems
> like the usual hasLayout issue in IE.
> http://www.quirksmode.org/css/opacity.html
>
> Not sure about Moz, the listed code works in FF3 at least.
>
> Regards,
> Svend
>



-- 
Regards
Karl Bedingfield
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Bill Brown]

Chris Akins wrote:
> I'm sending this to you off list so I can attach the screenshots.  I
> hadn't clicked on the top links before so I never saw the panels.  It
> does appear - my opinion - that the top tabs are slightly too high as
> the actual text bumps the top edge of the viewport.  I think that's
> why I saw them as being cut off instead of being tabs.

Aha! Yes, I see what you mean...there's no top padding being applied. I
think this is probably related to FF2's lack of inline-block support,
but in any event, yeah...that needs fixing.

> The panels won't close after mousing away from them on my Mac in FF 2.
>   Oh - this just in - I just thought of clicking again on the tab to
> close it and it works that way.  Again, just my opinion, but that
> wasn't obvious to me at all.  I think that might be a usability flaw
> since it's not the most obvious.  The whole "Don't Make Me Think" idea
> by Steve Krug.

I see what you mean. Interestingly enough, I used to have them enabled
that way, but it was reported by the client (strangely enough) as
"unpredictable behavior). "I clicked it to open it...I should have to
click it to close it." I do agree with what you're saying. Maybe I can
find a compromise between the two.

> Anyhoo - one small thing too is that the "current" state of the
> clicked tab shifts the rest of the tabs to the left since the padding
> increases.  I think you might look at just increasing the padding on
> the bottom only, making the tab stick down from the rest to indicate
> it's the current tab. But making the whole line of tabs shift
> horizontally seems like a bug to me.

I chose to make the whole tab larger with no feedback from the client,
but I can see how without inline-block, it might look weird. Again,
it'll need tweaking because you're making a good point.

> For what it's worth.  Hope the screenshots help.

They did. I've gone back on-list with this since we're now
sans-screenshots. Thanks for the feedback.


--Bill
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Ingo Chao]

David Laakso wrote:
> ...
> Not too freak out, but I prefer your page with images disabled-- 
> darkness and diagonals always scare me.
> 
> Isak Dinesen
> 

The diagonals are scaring me, too.

Ingo

-- 
http://www.satzansatz.de/css.html
http://www.dolphinsback.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[David Laakso]

Bill Brown wrote:
> It's only the template as I'll be layering in the various modules over
> the next few days, but here's the basic template:
>
> http://www.researchstevemccurry.com/
>
>
> Bill
>
>
>   



mac os x 10.4.11

I did not see any grave issues in FF/3.0.1, or the latest versions of 
Opera, Safari, or Camino.
The tab font ascenders kiss the chrome on all my browsers-- too tight.
Not too freak out, but I prefer your page with images disabled-- 
darkness and diagonals always scare me.

Isak Dinesen

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Adam Ducker]

Bill Brown wrote:

> I'm now
> working on the final stages of a website which isn't protected from
> public view and thought I'd check to see if anybody sees any problems.
> 
> http://www.researchstevemccurry.com/
> 
> If anybody has a second to take a look, I'm particularly interested in
> Mac rendering, since it's one of the systems I don't have here in my office.
> 

First Glance:  The page looks good.  Loads quickly.  A little busy with 
graphics for my taste but that's a personal preference.  The page 
resizes nicely in large and small windows.

CSS:  Looks good to me.  No real opinion on it.

Different Browsers:  The text looks the same in all browsers mostly. 
That's the hard part I think.  IE 6 has some issues though.  I don't 
like that the opacity for the main body sections don't work the same in 
Firefox as in IE and the solutions to fix it make for bad CSS in my 
opinion. I try to stay away from opacity for this reason but the 
examples are out there.  In the end though the difference degrades 
nicely and there's no loss of use so you'd be fine.

Looks good for me on Safari in windows.  This helps me avoid mac a lot 
of times.  For a look on other browsers try this link if you haven't 
before:  http://browsershots.org/


Without Images:  Looking at a page without images (disable them using 
the Firefox web developer tool bar) shows you what it might be like on a 
brutally slow connection.  Pretty good in this view, though I loose the 
page title and the top links are unreadable in this instance so you 
might take a look at that.  You might switch to an IMG tag with ALT and 
TITLE attributes to fix that.

Without CSS:  Your HTML is good.  You've used H1, H2 tags well and ULs 
too.  One problem is your top links aren't at the top of the page when 
styles are disabled though, so this could cause trouble some users with 
disabilities.

Overall a really good page.  The things I've outlined aren't show 
stoppers for the most part but may make your site more usable.

-Adam Ducker (http://adamducker.com)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Bill Brown]

Chris Akins wrote:
> In FF 2.0 on my Mac the links at the very top of the page (upper
> right) - login, register, etc. - are missing on their top edge.  I
> didn't review the CSS at all, but it appears maybe they have a
> negative top margin?  Whatever it is is taking their top edge right
> out of the viewport.

Hi Chris--

Thanks for the quick response. Presumably, you mean their top border? I
intentionally cut that off to give them the appearance of being tabs and
to match the panels which slide in behind them...but if there's
something different going on, I'd like to know. Is the text being cut
off? Are the panels appearing at all? I don't have negative margins on
those elements, so I want to make sure there's nothing else causing that
display.

Thanks.
Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Peer Review: Mockup/Template

[Chris Akins]

In FF 2.0 on my Mac the links at the very top of the page (upper
right) - login, register, etc. - are missing on their top edge.  I
didn't review the CSS at all, but it appears maybe they have a
negative top margin?  Whatever it is is taking their top edge right
out of the viewport.

Hope that helps.

Chris

On Mon, Aug 4, 2008 at 10:45 AM, Bill Brown <[EMAIL PROTECTED]> wrote:
> Hey folks,
>
> For a while now, most of my projects have been authentication-required
> deals, making it difficult to have anyone view/review them. I'm now
> working on the final stages of a website which isn't protected from
> public view and thought I'd check to see if anybody sees any problems.
>
> It's only the template as I'll be layering in the various modules over
> the next few days, but here's the basic template:
>
> http://www.researchstevemccurry.com/
>
> The links won't take you anywhere, but the tabs in the upper right will
> slide panels into view.
>
> If anybody has a second to take a look, I'm particularly interested in
> Mac rendering, since it's one of the systems I don't have here in my office.
>
> Thanks! ALL feedback is welcome.
> Bill
>
>
> --
> /**
>  * Bill Brown
>  * TheHolierGrail.com & MacNimble.com
>  * From dot concept...to dot com...since 1999.
>  ***/
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Peer Review: Mockup/Template

[Bill Brown]

Hey folks,

For a while now, most of my projects have been authentication-required
deals, making it difficult to have anyone view/review them. I'm now
working on the final stages of a website which isn't protected from
public view and thought I'd check to see if anybody sees any problems.

It's only the template as I'll be layering in the various modules over
the next few days, but here's the basic template:

http://www.researchstevemccurry.com/

The links won't take you anywhere, but the tabs in the upper right will
slide panels into view.

If anybody has a second to take a look, I'm particularly interested in
Mac rendering, since it's one of the systems I don't have here in my office.

Thanks! ALL feedback is welcome.
Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] css positonal issues on site

[Lisa Wilcox]

I have a website that I'm trying to finish up and am having text and
positional issues with it.

http://www.webgirlwebdesigns.com/testing/Krumm/index.html

 

The menu seems to spread out on some pages and the text spacing is screwy
depending on the browser.  I have validated it in DW and no errors.

Thanks

 

Lisa Wilcox



 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Opacity with tags. Can this be done in CSS?

[Rachel Mawhood]

Hello

>The trouble is, I cannot get the h2 #000; background to fade. It is 
>always a solid balck.

Where I had to do something similar (if I understand your question 
correctly), I had to add

_height: 0; /* for IE 6 and lower haslayout */
zoom: 1;/* for IE7 haslayout */

to make it work in MSIE 6 and 7.  (Note the underscore before the 
"height".)  I have no idea why that works.  :-)

Rachel

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