[css-d] Internet Explorer
Hey everyonedid some work on a site recently, had it modified and bounced around a bit, just got it back with a request to fix it in internet explorer, as right now it looks nothing like it does in firefox. doesn't have any browser specific style sheets at the moment or any hacks or filters. i'm not even certain where to start here. if anyone would like to take a look and give me any pointers they would be greatly appreciated. i'm about to crack into it for the first time myself. the pages are located at: http://dearcards.com/dt/index.html css can be found at http://dearcards.com/dt/css/base.css there is some extra markup in the form of some extra divs and stuff, which is intentional and is planned for use shortly. but the css doesn't work in ie 6 or 7. i don't think 5 is much of a worry at the moment, 6 and 7 are the definite priorities. looks okay in firefox. thanks! jm __ 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 control space between table rows
img { display: block; }
or
img { vertical-align: top; }
should help.
~fantasai
using display: block will do fine for eliminating the double spacing between
your table rows. it sounded like you wanted the images to have no space
around them at all (in other words no blue background showing through). If
that is the case, you will need to add the following attribute to your
table element:
cellpadding=0
that will eliminate the 1px of space between each image so there is no blue
border showing through.
cheers,
jm
__
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] Resolved - Question about attribute selectors
Thank you very much Nick and Mauricio for the responses. I should have
thought to check out some specificity tables out there. Oh well, this issue
and your responses sparked me to go study it for a little while and I think
I have a pretty good grasp now.
Take care,
JonMarc
On 9/28/07, Mauricio Samy Silva [EMAIL PROTECTED] wrote:
Hi JonMarc,
Add !important directive in order to increase the specificity of the
attribute selector.
Actually the ID seletor rule is overriding the attribute selector rule.
Regards,
Maurício Samy Silva
http://www.maujor.com/
--
- Original Message -
From: JonMarc Wright [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Thursday, September 27, 2007 1:50 PM
Subject: [css-d] Question about attribute selectors
...
#accessBar {background-image: url(../images/shadow.gif); }
[id=accessBar] {background-image: url(../images/shadows.png); }
__
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] Question about attribute selectors
Hello all,
so i got the idea to play around with attribute selectors for a website...
wanted to serve up transparent png shadowed background images to new
browsers, and server up non-transparent gifs that i constructed to the rest.
rather than place a bunch of hacks on all of my elements that i use for
background images, i figured i'd use attribute selectors and make two rules
with different background images.
tried it out, didn't work, i couldn't figure it out, so i moved on. i
recently bought css mastery by andy budd and he mentions it a couple of
times in there, so i thought i'd go back to it and try to get it working,
but i haven't been able to as of yet.
i do not understand why this isn't working properly.
here's my code:
#accessBar {background-image: url(../images/shadow.gif); }
[id=accessBar] {background-image: url(../images/shadows.png); }
this code won't work, i just get the gifs no matter what browser i use.
i tried using div[id=accessBar] as well as body[id=accessBar] and
neither work. i tried putting single and double quotes in the image urls (i
never use quotes, though perhaps it is the correct syntax and i should be, i
don't know...), also to no avail. i tried using classes instead of divs,
nothing.
the code andy budd lists in his book is
.intro {border-style: solid; }
[class=intro {border-style: dotted; }
now, in css if you make two rules for the same element, like this:
#accessBar {background-image: url(../images/shadow.gif; }
#accessBar {background-image: url(../images/shadow.png; }
the browser will simply apply the the second one because it was the last one
in the css file.
i'm wondering if using attribute selectors they don't know what to do with
two different rules for the same element and the same attribute?
border-style: solid; and border-style: dotted; are two different values for
the attribute, but background-image: url(xxx.gif); and background-image:
url(xxx.png) are actually the same value for the attribute (the value would
be url?) and just different options applied to the value?
i'm thoroughly confused as to why this won't work. i can't see anything in
the rules that would make my code improper. if it works for the
border-style code in css mastery, why shouldn't it work for serving up
different background images.
it better not be a result of my using capital letters in my naming
conventions, because that would just be equally ridiculous.
anyone have any thoughts? is this a common shortcoming of attribute
selectors in css 2.1?
am i just a complete fool and i'm doing something obviously wrong?
take care,
jonmarc
__
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/
