[css-d] Site check please - DAC

2008-10-08 Thread Calliope Georgousi
Hi *Peter,

I am new member and I am still finding my feet in this forum.

I happen to have a similar problem, have tried everything and even though I
am just a placement student , the professional staff doesn't know how to
deal with this as well.

so I created this website and no matter whether I use the super sleight
(generating other bugs such as no use of links, problem with google maps on
location.html etc) I ended up with the google code.

My problem is that even though I am using conditional coments for each
version of IE it still parses the default .css style, so I can't style the
page accordingly really!!

here is the website link: http://kiltennel.ie.4pm.ie/index.html

I would appreciate any comments or suggestions  thank you in advance!


*
-- 
Calliope Georgousi
BSc Multimedia Technology  Design
Brunel University, Uxbridge

www.calliopemuse.net
Tel: +353(0) 87 698 1991
skype name: calliope8
__
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] Z-index and IE

2008-10-08 Thread Denise McLaurin
I'm experiencing a problem with a left-hand menu that uses css to 
hide/display submenu items on a particular page which gives certain 
content items a z-index setting.  The problem is corrected in Firefox by 
adding a higher z-index to the submenu uls.  However, this does not 
work in IE.

If someone could take a look and suggest a fix, I'd be very appreciative.

Page in question:
http://www2.usarice.com/~usarice/index.php?option=com_phocagalleryview=categoriesItemid=190

Site still under development with plenty left to do. :)

Thanks,
Denise
__
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] Image replacement? -- link provided

2008-10-08 Thread Bill Moseley
Page in question:

http://hank.org/image.html

Question:

What's the best way to move text off screen and allow a background
image to still show?  And done with accessibility in mind?

I've been messing with this for a while today and now ask for help. ;)


I have javascript that finds date input fields, adds a span element
after the input so I can use a background image of a calendar icon,
and then attaches an event to the span for a pop-up calendar.


I'd like to have the span be something like:

spanClick to select a date/span

so I have some text, but move it off screen so only a calendar icon
shows.  Of course, it would also be best if screen readers would read
the text.

I don't want the javascript to add a img tag -- mostly because the
javasccript is shared between applications and doesn't know the path
to the image -- so I do want to use a background image via css.


If I give up having any text in the span I can make it work in
Firefox, but then in IE I could not get it to display the background
image (even setting width).

Can someone help with the markup and css?



Thanks,




-- 
Bill Moseley
[EMAIL PROTECTED]
Sent from my iMutt

__
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] condensing css

2008-10-08 Thread Vincent Pollard
Generally when I want borders on 3 sides of something I write:

 

div.className  {

border-top: 0;

  border-right: solid 1px #91a7b4;

  border-bottom: solid 1px #91a7b4;

  border-left: solid 1px #91a7b4;

}

 

But I'm wondering if the following is better:

 

div.className  {

border: solid 1px #91a7b4;

border-top: 0;  

}

 

Any opinions on this?

__
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] condensing css

2008-10-08 Thread Scott Hamm
You can also do this way:

div.className {
border:solid 1px #91a7b4;
border-width:0 1px 1px 1px; /* T R B L (easily remembered as Trouble) */
}

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Vincent Pollard
Sent: Wednesday, October 08, 2008 1:20 PM
To: CSS Discuss
Subject: [css-d] condensing css

Generally when I want borders on 3 sides of something I write:



div.className  {

border-top: 0;

  border-right: solid 1px #91a7b4;

  border-bottom: solid 1px #91a7b4;

  border-left: solid 1px #91a7b4;

}



But I'm wondering if the following is better:



div.className  {

border: solid 1px #91a7b4;

border-top: 0;

}



Any opinions on this?

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


Re: [css-d] condensing css

2008-10-08 Thread Keith DiSarno
About 90% of the time I do the border-top:0 method, but I have found myself
using the 0 1 1 1 method as well.

I don't really see anything wrong with it.

Maybe in the future we'll have: border:0 1px 1px 1px solid blue;
__
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] Pop-Outs on Leftnav Menu Only Happening in IE7

2008-10-08 Thread John Biggs
Ladies and Gentlemen,

This is my first post to this forum.  I have gained a lot of insight and 
knowledge reading your posts here, so I'm hopeful I may get some input on 
a problem I am having with my website.

I am using a CSS/Javascript-based design for my left-nav menu, 
incorporating pop-out menus for lower level lists.  However, the popouts 
(menu buttons with blue right border) are only occurring under IE7.  I 
have done what I could to compare my code against the source site, with no 
obvious discrepancies.  Any input that can be provided would be greatly 
appreciated.

http://www.popcostamesa.com

Many thanks.


==

Confidentiality Notice: The information contained in and transmitted with this 
communication is strictly confidential, is intended only for the use of the 
intended recipient, and is the property of Balboa Insurance Group, Inc.or its 
affiliates and subsidiaries.  If you are not the intended recipient, you are 
hereby notified that any use of the information contained in or transmitted 
with the communication or dissemination, distribution, or copying of this 
communication is strictly prohibited by law.  If you have received this 
communication in error, please immediately return this communication to the 
sender and delete the original message and any copy of it in your possession.

==

__
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] :active with display: none

2008-10-08 Thread Jack Blankenships
I want to make it so that an active link makes the parent element
disappear.  The element does disappear when I place an :active
pseudo-class on the parent element to change the display to none,
however the link ceases to function (i.e. - clicking on it does
nothing).

Working example: http://www.cssprovingground.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] :active with display: none

2008-10-08 Thread Gunlaug Sørtun
Jack Blankenships wrote:
 I want to make it so that an active link makes the parent element 
 disappear.  The element does disappear when I place an :active 
 pseudo-class on the parent element to change the display to none, 
 however the link ceases to function (i.e. - clicking on it does 
 nothing).
 
 Working example: http://www.cssprovingground.com

First: you're killing the child so it can no longer support its
parent, which is slightly different from what you describe but of
course has the same effect. Only, the effect is immediate, and that
makes it fail for links.

The :active pseudo-class takes effect first - while the link is
activated, and the link isn't followed until it has being released
_after_ :active, and by then the link has disappeared and can't be followed.

If Firefox you can hold a link :active for ages without anything
happening. Once you release the link it will be followed. So, :active
can be used to give visual cues - like changing background
or similar, but not for much else. Use script for the effect you're after.

regards
Georg
-- 
http://www.gunlaug.no
__
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] Image replacement? -- link provided

2008-10-08 Thread Alexandru Dinulescu
You can try the following
For SEO purposes try display: none on the text span, SEO bots will take it,
others wont
Or you can use the text-indent property and set it to something like
-2000px;
OR you can set the text with a font-size1 and make the text have the same
color as the background image (this is done via Alpha transparency,
background: transparent or something. (dont know if the last method is
viable but the other 2 have been used by me)

---
Alexandru Dinulescu
Web Developer
(X)HTML/CSS Specialist
Expert Guarantee Certified Developer
XHTML: http://www.expertrating.com/transcript.asp?transcriptid=1879053
CSS : http://www.expertrating.com/transcript.asp?transcriptid=1870619
RentACoder Profile:
http://www.rentacoder.com/RentACoder/DotNet/SoftwareCoders/ShowBioInfo.aspx?lngAuthorId=6995323

MainWebsite: http://alexd.adore.ro
Portofolio: http://alexd.adore.ro/project_page.php


On Wed, Oct 8, 2008 at 8:05 PM, Bill Moseley [EMAIL PROTECTED] wrote:

 Page in question:

http://hank.org/image.html

 Question:

What's the best way to move text off screen and allow a background
image to still show?  And done with accessibility in mind?

 I've been messing with this for a while today and now ask for help. ;)


 I have javascript that finds date input fields, adds a span element
 after the input so I can use a background image of a calendar icon,
 and then attaches an event to the span for a pop-up calendar.


 I'd like to have the span be something like:

spanClick to select a date/span

 so I have some text, but move it off screen so only a calendar icon
 shows.  Of course, it would also be best if screen readers would read
 the text.

 I don't want the javascript to add a img tag -- mostly because the
 javasccript is shared between applications and doesn't know the path
 to the image -- so I do want to use a background image via css.


 If I give up having any text in the span I can make it work in
 Firefox, but then in IE I could not get it to display the background
 image (even setting width).

 Can someone help with the markup and css?



 Thanks,




 --
 Bill Moseley
 [EMAIL PROTECTED]
 Sent from my iMutt

 __
 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] Standrards Compliance -fine-tuning

2008-10-08 Thread neal
apologize for the cross post.
I created a page (pages) for a client and they will be used mostly for SEO

This is the (very simple) page:
http://www.constructweb.com/seo/

It validates! - anything else that be suggested from the css/html (maybe
SEO if it's not too OT) perspective that would make this page even more
web standards compliant?

Thanks
Neal


life is certain
death is short
~furry lewis

__
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] Standrards Compliance -fine-tuning

2008-10-08 Thread David Laakso
[EMAIL PROTECTED] wrote:
 http://www.constructweb.com/seo/

 It validates! - anything else that be suggested from the css/html (maybe
 SEO if it's not too OT) perspective that would make this page even more
 web standards compliant?

 Thanks
 Neal


   


As far as the Web Standards stuff is concerned:
1/ The document is valid so you're good to go on that.
2/ It uses CSS instead of tables for layout so you're good to go on 
that, too.
3/ Whether it is properly structured and semantically marked up-- I'll 
leave that to others, and the other list you posted on, to answer.
4/ Works in any Web browser. Hmm, guess that might depend on how one 
defines works and exactly what means by any.
As far as what works my opinion is, your page should:
-- make sense with css disabled
-- not let the header links become hidden from view with font-scaling.
-- not allow heading h1 to become hidden from view with font-scaling.
-- not set primary content less than user default
-- make sense with images disabled


-- 

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] :active with display: none

2008-10-08 Thread Jack Blankenships
How does that kill the child? If the link has display: none, why
does that have any effect whatsoever on the clickability or the link
or the resulting action?  Doesn't display none simply not show it on
the page but allow it to exist in the DOM?

On Wed, Oct 8, 2008 at 2:05 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
 Jack Blankenships wrote:

 I want to make it so that an active link makes the parent element
 disappear.  The element does disappear when I place an :active pseudo-class
 on the parent element to change the display to none, however the link ceases
 to function (i.e. - clicking on it does nothing).

 Working example: http://www.cssprovingground.com

 First: you're killing the child so it can no longer support its
 parent, which is slightly different from what you describe but of
 course has the same effect. Only, the effect is immediate, and that
 makes it fail for links.

 The :active pseudo-class takes effect first - while the link is
 activated, and the link isn't followed until it has being released
 _after_ :active, and by then the link has disappeared and can't be followed.

 If Firefox you can hold a link :active for ages without anything
 happening. Once you release the link it will be followed. So, :active
 can be used to give visual cues - like changing background
 or similar, but not for much else. Use script for the effect you're after.

 regards
Georg
 --
 http://www.gunlaug.no

__
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] Image replacement? -- link provided

2008-10-08 Thread Benjamin Hawkes-Lewis
Bill Moseley wrote:
 Question:
 
 What's the best way to move text off screen and allow a background
 image to still show?  And done with accessibility in mind?
 

Answer:

Sorry, but from what I've seen there is no _good_ way to do this, with 
current standards and implementations.

Your robust choices are:

1. Just leave the text on-screen.

2. Failing that, use an IMG element with ALT, since this is a widely 
supported technology.

 so I have some text, but move it off screen so only a calendar icon
 shows.  Of course, it would also be best if screen readers would read
 the text.

I wonder if you're conflating accessibility and screen reader access. 
Don't forget people with colorblindness or other visual impairments who 
need to use their own color settings:

http://www.w3.org/TR/WCAG20/#visual-audio-contrast

Using your own colors typically requires background images be 
overridden. But nothing shifts off-screen text back into position. Not 
even overlaying text with an element with a background-image is robust, 
since user background colors may apply to that element.

You can experiment with these sort of scenarios using, for example:

* Windows High Contrast settings and IE7
* Firefox 3 Options (set and enforce your own colors)
* Opera 9.52 View options (try the High Contrast view)

background-image and position hacks don't work, but future CSS standards 
may include features for image replacement:

http://www.w3.org/TR/css3-content/#inserting3

--
Benjamin Hawkes-Lewis
__
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] :active with display: none

2008-10-08 Thread Gunlaug Sørtun
Jack Blankenships wrote:
 How does that kill the child? If the link has display: none, why 
 does that have any effect whatsoever on the clickability or the link 
 or the resulting action? Doesn't display none simply not show it on 
 the page but allow it to exist in the DOM?

You can no longer interact with the link since it isn't there anymore
once you press the key, and no interaction means no link to follow.
Browsers don't memorize dynamic actions, so the browser has no idea what
caused the link to disappear - only that it is gone. To the browser
that's the same as if you move the mouse-pointer away from the dropdown.

You have to keep the link visible and in focus until a microsecond or so
_after_ you have released the mouse-key, so that the key-release gets
registered and acted upon by the browser. Only then will it follow the link.


Test for yourself - without 'display: none' but with a background-color
for :active state:

In Firefox you can press the mouse-key and move the mouse-pointer away
from the link, any link on any page, before you release the mouse-key,
and see that nothing happens other than that you smear the link around
on the screen a bit while pressing the key. Other browsers reacts in
similar ways and only the smearing part is different. They won't
follow the link unless the mouse-pointer is focused on the link the
entire time until the key is released.

That should make it clear enough how it works, and why you get no
link-action when the link disappears on link-press with 'display: none'.
You're simply not quick enough to press _and_ release the key before the
link has disappeared and therefore lost focus, and there's no way you
can be since the key-scan only delivers one key-state at a time and in
sequence. The right key-state will always be too late.

Handle the disappear but follow link with javascript, as CSS can't
really help you here.

regards
Georg
-- 
http://www.gunlaug.no
__
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] Pop-Outs on Leftnav Menu Only Happening in IE7

2008-10-08 Thread David Hucklesby
On Wed, 8 Oct 2008 10:41:17 -0700, John Biggs wrote:
[...]

 I am using a CSS/Javascript-based design for my left-nav menu, incorporating 
 pop-out
 menus for lower level lists.  However, the popouts (menu buttons with blue 
 right
 border) are only occurring under IE7.  I have done what I could to compare my 
 code
 against the source site, with no obvious discrepancies.  Any input that can 
 be provided
 would be greatly appreciated.

 http://www.popcostamesa.com


This HTML is invalid, and likely the cause:

ul
lia class=xnopress href=../ps_news.htmlPreschool/a/li
ul
 lia href=../ps_news.htmlNews/a/li
  lia href=../ps_teachers.htmlTeachers/a/li
  lia href=../ps_calendar.htmlCalendar/a/li
  lia 
href=../ps_curriculum.htmlCurriculum/a/li
/ul
!-- *** close the LI here instead of before the UL *** --
 lia class=xnopress href=../es_news.htmlElementary 
School/a/li

... lots more errors to fix as well, both markup and CSS ... Sorry.

Cordially,
David
--

__
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] :active with display: none

2008-10-08 Thread David Hucklesby
On Wed, 8 Oct 2008 15:39:17 -0600, Jack Blankenships wrote:

 How does that kill the child? If the link has display: none, why does that 
 have any
 effect whatsoever on the clickability or the link or the resulting action?  
 Doesn't
 display none simply not show it on the page but allow it to exist in the DOM?


Yup. It's in the DOM - but not on the displayed page. Think of how
you'd copy text that's positioned off left? (Or click a link that's
off left, for that matter - though that's a less likely scenario.)

Cordially,
David
--

__
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 Browser Hacks

2008-10-08 Thread Michael Adams

I am currently using the @import browser hack for IE that i first read
about here:
http://annevankesteren.nl/2005/10/ie-import-hack

I have grown so fond of this technique that i have thought of extending
both it and @media in a new direction. If browsers were seen as a
type of media you could legally write fixes for any CSS issue in a
given browser. The technique would only be applied to future browsers as
no current browser sees itself as a media type. THis gives CSS authors a
way of applying fixes for inaccuracies or disparate CSS interpretations
in the future.

A main CSS file for on of my sites currently looks like this
[Quote]
@import url(layout.css);
@import url(colour.css);
@import url(fonts.css);
@import url(.css) all;
[/Quote]

In the future it could look like this:
[Quote]
@import url(layout.css);
@import url(colour.css);
@import url(fonts.css);
@import url(ie9hacks.css) ie9;
@import url(ff4hacks.css) ff4;
@import url(safari4hacks.css) safari4;
@import url(opera10hacks.css) opera10;
[/Quote]
Only the relevant media files for a site would need to be included.

I am asking for opinions on this idea. It looks like a good idea to me
because i already use the technique, so other opinions are vital before
i try to give the idea some steam with w3c or browser manufactureres.

Some may say that i should be targeting layout engines direct,
or versions of Gecko, Trident, Presto or Webkit. That may be the right
way to go, but Chrome uses Webkit with proprietary hacks, hence i went
by browser name.

With regards to multiple http requests, don't forget GZip which should
already be under consideration on large sites anyway:
http://forumdeli.com/2-how-to-serve-pre-compressed-css-js-and-other-web-content/

With Microsoft making a serious attempt to conform to CSS standards
(now), the need is reduced but there are still CSS bugs in browsers as
well as diferent interpretations within the specs themselves among
browser manufacturers. Also different browsers can conform to different
versions of the spec.

This would also allow SVG to be fed to compliant browsers as background
images without programmed or .htaccess hacks.


-- 
Michael

All shall be well, and all shall be well, and all manner of things shall
be well

 - Julian of Norwich 1342 - 1416
__
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] Z-index and IE

2008-10-08 Thread Big John
Denise McLaurin wrote:

 I'm experiencing a problem with a left-hand menu that
 uses css to hide/display submenu items on a particular 
 page which gives certain content items a z-index setting.
 The problem is corrected in Firefox by adding a higher 
z-index to the submenu uls. However, this does not 
 work in IE.

 http://www2.usarice.com/~usarice/index.php?option=com_phocagalleryview=categoriesItemid=190

Denise, you need to raise the LI parent on hover because
the flyout is merely a child of it and so resides in the
LI stack. Unless that positioned stack is raised, no
child of that stack ca ever lie in front of a different 
stack that has a higher z-index than the LI parent.

Try this new rule:

ul.menu li:hover {
  z-index: 50;
  }

Big John




  
__
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 Browser Hacks

2008-10-08 Thread Philippe Wittenbergh

On Oct 9, 2008, at 10:52 AM, Michael Adams wrote:

 I have grown so fond of this technique that i have thought of  
 extending
 both it and @media in a new direction. If browsers were seen as a
 type of media you could legally write fixes for any CSS issue in a
 given browser. The technique would only be applied to future  
 browsers as
 no current browser sees itself as a media type. THis gives CSS  
 authors a
 way of applying fixes for inaccuracies or disparate CSS  
 interpretations
 in the future.
 ...
 In the future it could look like this:
 [Quote]
 @import url(layout.css);
 @import url(colour.css);
 @import url(fonts.css);
 @import url(ie9hacks.css) ie9;
 @import url(ff4hacks.css) ff4;
 @import url(safari4hacks.css) safari4;
 @import url(opera10hacks.css) opera10;
 [/Quote]
 Only the relevant media files for a site would need to be included.

 I am asking for opinions on this idea. It looks like a good idea to me
 because i already use the technique, so other opinions are vital  
 before
 i try to give the idea some steam with w3c or browser manufactureres.

 Some may say that i should be targeting layout engines direct,
 or versions of Gecko, Trident, Presto or Webkit. That may be the right
 way to go, but Chrome uses Webkit with proprietary hacks, hence i went
 by browser name.
 ...

 This would also allow SVG to be fed to compliant browsers as  
 background
 images without programmed or .htaccess hacks.

You're probably on the wrong list for this. :-)
You should rather submit your ideas to the CSS-WG  www-style mailing  
list [1].

There have been various proposals on that subject like [2], [3].  
Follow the links to replies, etc.

Most implementators have rejected those ideas. Some -some- authors are  
very much in favour. Personally, as an author, I strongly dislike  
those ideas, I see that as completely orthogonal to the concept of  
standards.

If those proposals ever see the light of the day, it should definitely  
be based on rendering engine detection (Gecko, WebKit, Presto,...) ,  
and not vendor (Firefox, Safari, ...) detection.

[1] http://lists.w3.org/Archives/Public/www-style/
[2] http://lists.w3.org/Archives/Public/www-style/2008Sep/0219.html
[3] http://lists.w3.org/Archives/Public/www-style/2007Oct/0112.html

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/


[css-d] Recommended lists for Javascript, PHP, MySQL, Apache?

2008-10-08 Thread Hedley Finger

Can anybody recommend any lists as good as css-d (sycophant! sycophant!) 
for lurking about JavaScript, PHP, MySQL, and Apache?  Oh, just the 
whole damn AJAX thingy!

Regards,
Hedley

--

Hedley Finger

28 Regent Street   Camberwell VIC 3124   Australia
Tel. +61 3 9809 1229   Fax. (call phone first)
Mob. (cell) +61 412 461 558
Email. Hedley Finger [EMAIL PROTECTED]


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