H1 + P

Hi

This syntax in CSS doesn't work in IE (IE6)?
Can you confim please ?

h1+p {
font-family: "Courier New", Courier, mono;
}

then in my document
<h1>Lorem ipsum</h1>
<p>sed do eiusmod tempor incididunt.</p>
<p>Ut enim ad minim veniam</p>

The first P should be in Courier New.
It works on Netscape 7

"tranbert" <tranbert (AT) regart2 (DOT) dyndns.org> wrote:

This syntax in CSS doesn't work in IE (IE6)?
Can you confim please ?

h1+p {
font-family: "Courier New", Courier, mono;
}

It does not work on IE, as you can check from various sources like
http://www.blooberry.com/indexdot/css/index.html

You probably meant monospace, not mono. The font name mono is not one of the
defined generic names, so it would be taken as a denoting a specific font
under that name, and to the best of my knowledge, no such font exists.

The practical solution to styling the paragraph that follows an h1 element
is to assign a class to the p element and use a class selector in CSS.
Naturally this only works for pages that you can modify.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

"tranbert" <tranbert (AT) regart2 (DOT) dyndns.org> wrote:

This syntax in CSS doesn't work in IE (IE6)?
Can you confim please ?

h1+p {
font-family: "Courier New", Courier, mono;
}

That's right.
Adjacent selectors are just one of the things that IE doesn't support.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>

Ok thank you

That's right.
Adjacent selectors are just one of the things that IE doesn't support.

Thanks !

You probably meant monospace, not mono.

Mmm ...this is what Dreamweaver inserts...
tsss...
:-(

The practical solution to styling the paragraph that follows an h1 element
is to assign a class to the p element and use a class selector in CSS.
Naturally this only works for pages that you can modify.

That's what I'll do. (I did'nt want to create a new class just for that)

Thanks again

In article <daadneQ7xMRw0Tui4p2dnA (AT) giganews (DOT) com> in
comp.infosystems.www.authoring.stylesheets, tranbert
<tranbert (AT) regart2 (DOT) dyndns.org> wrote:

This syntax in CSS doesn't work in IE (IE6)?
Can you confim please ?

Yes, it doesn't. IE doesn't know about adjacent selectors.

Annoying, isn't it?

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

*Stan Brown* <the_stan_brown (AT) fastmail (DOT) fm>:

IE doesn't know about adjacent selectors.

Mac-IE does, though.

Annoying, isn't it?

Sure, OTOH it enables working around other bugs.

--
The Hitchhiker's Guide to the Galaxy:
"In the beginning the Universe was created.
This has made a lot of people very angry
and been widely regarded as a bad move."

"tranbert" <tranbert (AT) regart2 (DOT) dyndns.org> wrote

Hi

This syntax in CSS doesn't work in IE (IE6)?
Can you confim please ?

h1+p {
font-family: "Courier New", Courier, mono;
}

then in my document
h1>Lorem ipsum</h1
p>sed do eiusmod tempor incididunt.</p
p>Ut enim ad minim veniam</p

The first P should be in Courier New.
It works on Netscape 7

I have this in a CSS and it works in IE.

li.date, li.location {

font-family: Arial, Helvetica;
font-size: 8pt;
color: #000080;
list-style-type: none;

}

"tranbert" <tranbert (AT) regart2 (DOT) dyndns.org> wrote in
news:daadneQ7xMRw0Tui4p2dnA (AT) giganews (DOT) com:

Hi

This syntax in CSS doesn't work in IE (IE6)?
Can you confim please ?

h1+p {

IE doesn't understand adjacent-sibling selectors.

font-family: "Courier New", Courier, mono;
}