[css-d] a:hover element in ie6
Hi everyone. I'm having a problem with our friend IE6.
My xHTML:
- simple a element with a span element in side of it.
- a with class save
My CSS:
.save:hover span{
color:#f00;
cursor:pointer;
}
I thought in IE6 using a:hover element would work.
I saw something like that on http://www.mako4css.com/
The cursor:pointer property does work. But the color does not.
What could I be doing wrong?
Thanks,
Phillip
__
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 element in ie6
Phillip Cavaco wrote:
...
- simple a element with a span element in side of it.
- a with class save
My CSS:
.save:hover span{
color:#f00;
cursor:pointer;
}
I thought in IE6 using a:hover element would work.
It does.
regarding the bug:
a:hover {background-position: 0 0;}
see method 2 in
http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp
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] The CSS Filter:Opacity() property co. question Carrying coals to Newcastle
Fichot Sébastien wrote: Hello CSS-D Members ! I'm looking for a trully working way to use transparency on image and RGB backgrounds, with superposed links and stuff. Actually, I'm using a PNG Transparency plugin which brokes hyperlinks... I'm not able to find a blog post which indicates clearly the properties to use in order to make it working with all browsers, so I think it's a good start to recense all technics and make a forge on it. Any help is welcome Any way, I would like to poke all the community which helps each other, you're making a really great evidence of web-love. Cheers, S.F. __ 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/ Did not see a reply here. Maybe http://www.satzansatz.de/cssd/tmp/alphatransparency.html helps you with your broken hyperlinks. I think opacity makes not much sence here, as the links would become transparent, too. At least if you take the opacity of the CSS 3 specification. The filter:opacity is another story. 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] Style sheet for printing
Who (me, IE, or FF) is doing what wrong? How do I fix it?
You :-). And IE of course.
In the procedure_projection_style.css file you have an error on line 115:
there is a redundant '}'.
(after div#footer {}). Once that is corrected, Gecko and WebKit work as
expected.
Additionally, on line 60 and 68 there are errors with the color value
(missing a '#').
The error console in Firefox would have told you that, or a quick trip to
the css validator.
http://jigsaw.w3.org/css-validator/
Philippe
Thanks Philippe. I thought I had checked the validator, but I guess I only
validated the HTML.
Del
__
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] Paged Media -- page-break-(before|after|inside)
Firefox doesn't support 'page-break-inside: avoid' yet -- not even FF3 ;-( That's great news! Oh no, wait, the opposite...sigh... Well thanks for the answer, Melinda. I guess for this project I might have to look at generating a PDF...sigh... -- Wellington __ 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] Perfect 3 column liquid layout (Matthew James Taylor) and Quirks Mode
First post here. Thanks for the great resource! I've been experimenting with the different 3-column layout methods and I think I like this version the best: http://matthewjamestaylor.com/blog/perfect-3-column.htm. However, it seems that the layout only works in IE6 if I send the browser into Quirks Mode by beginning the html/xhtml page with the following declaration: ?xml version=1.0 encoding=utf-8? If I delete this, the layout breaks apart in IE6. I'm wondering if anyone has had any luck with making this layout work after deleting the above declaration, thereby not using Quirks Mode? Any help would be greatly appreciated. Thanks! -Melbeach __ 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] does anyone have any experience with the behavioir property?
good afternoon (in this time zone anyway)!
we're using the behavior property in a style sheet to call an .htc file (to
make png transparent in IE6).
it works fine if the .htc file is copied into every folder and the style is
like this:
.pngfix {
behavior: url('iepngfix.htc');
}
but it seems that the .htc file only works if in the same folder as the HTML
file and the path is relative to that, not relative to the stylesheet as
expected.
can anyone shed some light on this?
thanks in advance,
vince
--
Vincent Pollard
http://www.ithinkx.co.uk
__
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] Perfect 3 column liquid layout (Matthew James Taylor) and Quirks Mode
Melbeach wrote:
I've been experimenting with the different 3-column layout methods and I think
I like this version the best:
http://matthewjamestaylor.com/blog/perfect-3-column.htm. However, it seems
that the layout only works in IE6 if I send the browser into Quirks Mode by
beginning the html/xhtml page with the following declaration:
?xml version=1.0 encoding=utf-8?
If I delete this, the layout breaks apart in IE6.
If you by breaks mean the border gets added to the viewport in IE6'
slightly more standard compliant mode, then adding...
html {border: none;}
...will fix that. It's as expected since body equals viewport in quirks
mode while html equals viewport in standard mode.
I can't provoke any other differences between the two modes in IE6 at my
end, so if there are any problematic ones then you'll have to tell me/us
where they are.
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] Perfect 3 column liquid layout (Matthew James Taylor) and Quirks Mode
Melbeach wrote: First post here. Thanks for the great resource! I've been experimenting with the different 3-column layout methods and I think I like this version the best: http://matthewjamestaylor.com/blog/perfect-3-column.htm. However, it seems that the layout only works in IE6 if I send the browser into Quirks Mode by beginning the html/xhtml page with the following declaration: ?xml version=1.0 encoding=utf-8? If I delete this, the layout breaks apart in IE6. I'm wondering if anyone has had any luck with making this layout work after deleting the above declaration, thereby not using Quirks Mode? Any help would be greatly appreciated. Thanks! -Melbeach His page works in IE/6 in standards mode or quirksmode. In either standards mode or quirksmode, at less than 800, you'll get horizontal crossover, as IE/6 does not support min-width. If you are using his layout /with your stuff in it,/ it may be your stuff that breaks his layout. -- 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] Perfect 3 column liquid layout (Matthew James Taylor) and Quirks Mode
Thanks for the help. Please accept my humble apologies, I referenced the wrong
layout. It's actually this 2-column layout that seems to require Quirks mode:
http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-ems.htm. You
can save this page's source and open it in Notepad. Delete the top line: ?xml
version=1.0 encoding=utf-8?
When I do this, the right-column completely covers up the left-column.
Actually, the same thing will happen in Firefox if I convert this layout to an
html version and delete the declaration in question.
-Melbeach
- Original Message -
From: Gunlaug Sørtun [EMAIL PROTECTED]
To: Melbeach [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Sent: Wednesday, May 28, 2008 12:51 PM
Subject: Re: [css-d] Perfect 3 column liquid layout (Matthew James Taylor)
and Quirks Mode
Melbeach wrote:
I've been experimenting with the different 3-column layout methods and I
think
I like this version the best:
http://matthewjamestaylor.com/blog/perfect-3-column.htm. However, it seems
that the layout only works in IE6 if I send the browser into Quirks Mode
by
beginning the html/xhtml page with the following declaration:
?xml version=1.0 encoding=utf-8?
If I delete this, the layout breaks apart in IE6.
If you by breaks mean the border gets added to the viewport in IE6'
slightly more standard compliant mode, then adding...
html {border: none;}
...will fix that. It's as expected since body equals viewport in quirks
mode while html equals viewport in standard mode.
I can't provoke any other differences between the two modes in IE6 at my
end, so if there are any problematic ones then you'll have to tell me/us
where they are.
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] does anyone have any experience with the behavioir property?
vincent pollard wrote: ... it seems that the .htc file only works if in the same folder as the HTML file and the path is relative to that, not relative to the stylesheet as expected. can anyone shed some light on this? Yes, the path is relative to the html file. You can use an absolute path. 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] Perfect 3 column liquid layout (Matthew James Taylor) and Quirks Mode
Melbeach wrote:
http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-ems.htm.
You can save this page's source and open it in Notepad.
I prefer to save it complete in Opera and open it for modifications in
a full-blown web editor, but that's another matter.
Delete the top line: ?xml version=1.0 encoding=utf-8?
When I do this, the right-column completely covers up the
left-column. Actually, the same thing will happen in Firefox if I
convert this layout to an html version and delete the declaration in
question.
Change the conditional comment so it reads...
!--[if lt IE 6]
style media=screen type=text/css
.col1 {
width:100%;
}
/style
![endif]--
...or leave it out completely, and IE6 will do fine until the window is
made too narrow. That style is needed for quirks mode only, so keep it
(with modified version-targeting as seen above) if you want to support
older IE/win-versions.
You should also change the meta...
meta http-equiv=Content-Type content=application/xhtml+xml;
charset=utf-8 /
...so it reads...
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
...as what's there now makes no sense.
IE/win (any version) doesn't support application/xhtml+xml anyway, and
all browsers ignore that meta and look at what the page is served as -
text/html.
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/
[css-d] form problem in IE6
If you go to http://www.bobstestplace.com/aahid/ using Safari on the Mac and click on either of the drop down form menus in the right column you will see the option list open below the form menu select in a window that is wide enough to view the entire name of each option. This seems to be default behavior with Safari. If you do the same with IE6, a lot of clipping occurs. (Seems IE6 is honoring the fixed width of the select, but not that I put on the option). The question: Any way to get IE6) to display like, or nearly like Safari? Thanks, Bob __ 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] does anyone have any experience with the behavioir property?
hey Ingo, thanks for that. it totally works.
actually *behavior: url('/iepngfix.htc');* worked but we weren't seeing it
work on local machines. on the testing server it worked!
2008/5/28 Ingo Chao [EMAIL PROTECTED]:
vincent pollard wrote:
... it seems that the .htc file only works if in the same folder as the
HTML
file and the path is relative to that, not relative to the stylesheet as
expected.
can anyone shed some light on this?
Yes, the path is relative to the html file. You can use an absolute path.
Ingo
--
http://www.satzansatz.de/css.html
http://www.dolphinsback.com
--
Vincent Pollard
http://www.ithinkx.co.uk
__
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] relative positioning
Is my understanding correct that putting:
div#name1 { position: relative; }
in the css file should have absolutely no effect on div id=name1?
If that is correct, why then does IE6 move the div? Does it make a
difference that the block I'm dealing with is a fieldset?
--
He who asks is a fool for five minutes, but he who does not ask remains
a fool forever. -- Old Chinese saying
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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] relative positioning
According to my books position:relative is to give a point of reference to any
absolute positioned elements inside it. That's always been my understanding and
it's always worked.
CSS The Missing Manual says: Relative - A relatively placed element is placed
relative to its current position in the HTML flow. So for example, setting a
top value of 20px and a left value of 200px on a relatively positioned headline
moves the headline 20px down and 200px to the left from wherever it would
normally appear.
So if you've set a position say top and left the div will move, but
position:relative is not the reason, it's set for the benefit of other elements.
Regards,
Alan.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
- Original Message -
From: Rick Pasotto
To: css-d@lists.css-discuss.org
Sent: Wednesday, May 28, 2008 9:08 PM
Subject: [css-d] relative positioning
Is my understanding correct that putting:
div#name1 { position: relative; }
in the css file should have absolutely no effect on div id=name1?
If that is correct, why then does IE6 move the div? Does it make a
difference that the block I'm dealing with is a fieldset?
__
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] relative positioning
why does the element need this positioning? for z-index or something?
2008/5/28 Rick Pasotto [EMAIL PROTECTED]:
Is my understanding correct that putting:
div#name1 { position: relative; }
in the css file should have absolutely no effect on div id=name1?
If that is correct, why then does IE6 move the div? Does it make a
difference that the block I'm dealing with is a fieldset?
--
He who asks is a fool for five minutes, but he who does not ask remains
a fool forever. -- Old Chinese saying
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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/
--
Vincent Pollard
http://www.ithinkx.co.uk
__
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] relative positioning
On Wed, May 28, 2008 at 09:44:31PM +0100, Alan K Baker wrote:
According to my books position:relative is to give a point of
reference to any absolute positioned elements inside it. That's always
been my understanding and it's always worked.
CSS The Missing Manual says: Relative - A relatively placed element
is placed relative to its current position in the HTML flow. So for
example, setting a top value of 20px and a left value of 200px on a
relatively positioned headline moves the headline 20px down and 200px
to the left from wherever it would normally appear.
So if you've set a position say top and left the div will move, but
position:relative is not the reason, it's set for the benefit of other
elements.
Yes, that all matches my understanding. Goto this browsershots.org url:
http://browsershots.org/http://lpnc.us/donate.php
You'll see that IE7 gets it right while IE6 has some unexplainable
offset. It also works just fine in gecko browsers.
In trying to figure it out I removed all the styling from the form and
its fieldsets. All ok. Then I added just
fieldset { position: relative; }
and there was the crazy offset. It doesn't even seem to be related to
any other screen element.
Regards,
Alan.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
- Original Message -
From: Rick Pasotto
To: css-d@lists.css-discuss.org
Sent: Wednesday, May 28, 2008 9:08 PM
Subject: [css-d] relative positioning
Is my understanding correct that putting:
div#name1 { position: relative; }
in the css file should have absolutely no effect on div id=name1?
If that is correct, why then does IE6 move the div? Does it make a
difference that the block I'm dealing with is a fieldset?
__
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/
--
If tyranny and oppression come to this land, it will be in the guise
of fighting a foreign enemy. -- James Madison
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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] relative positioning
On Wed, May 28, 2008 at 04:47:41PM -0400, vincent pollard wrote:
why does the element need this positioning? for z-index or something?
It's a form and it's the fieldsets that have the positioning. I'm using
the techniques shown in http://www.sitepoint.com/article/fancy-form-design-css
2008/5/28 Rick Pasotto [EMAIL PROTECTED]:
Is my understanding correct that putting:
div#name1 { position: relative; }
in the css file should have absolutely no effect on div id=name1?
If that is correct, why then does IE6 move the div? Does it make a
difference that the block I'm dealing with is a fieldset?
--
Individuality is to be preserved and respected everywhere, as the root
of everything good. -- Jean Paul Richter, 1803
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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] relative positioning
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Rick Pasotto
Sent: Wednesday, May 28, 2008 10:56 AM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] relative positioning
On Wed, May 28, 2008 at 09:44:31PM +0100, Alan K Baker wrote:
According to my books position:relative is to give a point of
reference to any absolute positioned elements inside it.
That's always
been my understanding and it's always worked.
CSS The Missing Manual says: Relative - A relatively
placed element
is placed relative to its current position in the HTML flow. So for
example, setting a top value of 20px and a left value of 200px on a
relatively positioned headline moves the headline 20px down
and 200px
to the left from wherever it would normally appear.
So if you've set a position say top and left the div will
move, but
position:relative is not the reason, it's set for the
benefit of other
elements.
Yes, that all matches my understanding. Goto this
browsershots.org url:
http://browsershots.org/http://lpnc.us/donate.php
You'll see that IE7 gets it right while IE6 has some
unexplainable offset. It also works just fine in gecko browsers.
In trying to figure it out I removed all the styling from the
form and its fieldsets. All ok. Then I added just
fieldset { position: relative; }
and there was the crazy offset. It doesn't even seem to be
related to any other screen element.
My guess is that IE6 has a different idea about just what it is
positioning the div relative to?
David Jones, Content Coordinator, Information and Technology Management,
Customer Relations - KL PS, (808) 948-5830
MMS hmsa.com 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/
Re: [css-d] relative positioning
Rick Pasotto wrote:
Is my understanding correct that putting:
div#name1 { position: relative; }
in the css file should have absolutely no effect on div id=name1?
If that is correct, why then does IE6 move the div? Does it make a
difference that the block I'm dealing with is a fieldset?
In some situations, position: relative, will cause rendering differences
in IE. This is sometimes an advantage, sometimes not-- and I am not sure
how your particular issue fits in the big puzzle...
Reference: http://www.satzansatz.de/cssd/onhavinglayout.html#rp
--
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/
[css-d] how to select an element that does not contain an attrbite
I am wondering if there's a way to select an element that does not have the specified attribute set? For example, let's say I need to format all the H1 elements except one that has style attribute set. How do I do 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] how to select an element that does not contain an attrbite
Mansour wrote:
I am wondering if there's a way to select an element that does not have
the specified attribute set?
For example, let's say I need to format all the H1 elements except one
that has style attribute set. How do I do this ?
Not sure I understand... but, anyway--
let's use h2 since /normally/ the document title and h1 are the same;
consequently, there is only one title per page-- hence only one h1per page.
css:
h2 {font-size: 100%;}
h2#c1{font-size: 300%;}
html
h2A/h2
h2B/h2
h2C/h2
h2D/h2
h2 id=c1E/h2
h2F/h2
Is something like this what you are trying to do?
__
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] how to select an element that does not contain an attrbite
If you mean that you want all H1's styled a certain way except for the one
that has a specific style attribute, that is, h1
style=your-inline-style-definition-hereHeadline/h1 then I think what
you mean is that you want the rule not to cascade to that particular H1,
which is basically the opposite of what CSS was designed to do.
Ideally, use H2 for that one link, then your H1 rules won't cascade onto it.
Another way would be using a class on all the other H1's, eg h1
class=commonOther Headlines/h1 then use h1.common { /*common rule here
*/}.
If you don't have any way to control the HTML you may have to use Javascript
to parse the DOM tree looking for H1's that do not have an attribute of
style and applying a runtime style dynamically.[1][2]
[1] http://revnode.com/oss/css/
[2] http://particletree.com/notebook/dynamic-css-changes/
__
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] how to select an element that does not contain anattrbite
If you mean that you want all H1's styled a certain way except for the one
that has a specific style attribute, that is,
h1 style=your-inline-style-definition-hereHeadline/h1
then I think what
you mean is that you want the rule not to cascade to that particular H1,
which is basically the opposite of what CSS was designed to do.
I believe that is backwards. The style attribute trumps any CSS definitions
applied to that element.
For example:
style type=text/css
h2
{
color: red;
}
h2#one
{
color: green;
}
/style
/head
body
h1Title/h1
h2RED/h2
h2 id=oneGREEN/h2
h2 id=one style=color: blue;BLUE/h2
...
Here is the spec explaining the CSS cascade:
http://www.w3.org/TR/REC-CSS2/cascade.html
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
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] how to select an element that does not contain anattrbite
Yes, inline styles trump (overwrite) rules set for the element, but if you
put h1 { color:red; } then your h1 style=stuff-here will be red, unless
the inline style specifies something else for color. My hunch is the
original poster wants to prevent that single h1 from being red without
having any other way to target the element, other than it has a style
attribute. I have to deal with stuff like this all the time making CMS
systems that let users enter h1, h2, in a wysiwyg editor, and I have other
h1 h2 on the page I don't want to be styled the same. Consider the
following example, where it is desired to have Other Story not inherit red
color and bottom border:
h1 { border-bottom:2px solid red; color: red; font-family:serif; }
h1Title One/h1
h1Title Two/h1
!-- user generated content --
h1 style=font-family:Arial, sans-serif;Other Story/h1
__
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] relative positioning
This may help explain some issues people have with IE and relative positioning on floated links: http://positioniseverything.net/explorer/ie-listbug.html Best of luck, Andy Vaughn Breakaway Web Design, LLC http://www.breakawaywd.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] relative positioning
A thing that people should keep in mind is that position:relative is related to the stack order, not to the hasLayout property. Simply put, an element does _not_ disappear, but is actually covered by the parent/ancestor background. this happens also in other contexts. for example: 1. floats with negative horizontal margins 2. links with borders used as text-decoration 1. this is not a bug, but a limit in the current implementation. CSS 2.1 does _not_ define this kind of rendering so that these things can occur in some browsers. btw, the fact that this feature works in other browsers is a mere convention. see David Baron's Overuse of floats considered harmful 2. this is a bug. xxx ^.^ 2008/5/29 Andy Vaughn [EMAIL PROTECTED]: This may help explain some issues people have with IE and relative positioning on floated links: http://positioniseverything.net/explorer/ie-listbug.html Best of luck, Andy Vaughn Breakaway Web Design, LLC http://www.breakawaywd.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/ -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://mimicry.css-zibaldone.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] how to select an element that does not contain an attrbite
On Wed, 28 May 2008 20:17:32 -0300, Mansour wrote:
I am wondering if there's a way to select an element that does not have the
specified
attribute set?
For example, let's say I need to format all the H1 elements except one that
has style
attribute set. How do I do this ?
Not directly. You could possibly apply two rules - one for the element
that has the attribute, and another rule to apply your desired style to
those without.
Since your choice of style attribute confuses the issue - inline styles
override others - I'll give an example of the id attribute:
h1[id] {
color: black;
}
h1 {
color: red;
}
Now you have made all the H1 elements red, except for the one
(or more) that has an id attribute.
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/
