Re: [WSG] styling :first-line Pseudo-element

[Andrew Krespanis]

You say you want the first line smaller than the second, but your css
will do exactly the opposite (once the selectors are fixed):

.pmi {
 font-size: 1.5em;
}
.pmi p:first-line {
 font-size: 1.2em;
}

Let me explain; if your default font size is 10px (it's not, but this
is just an eg.),  p.pmi's text will be 15px. Now, p.pmi:first-line is
1.2em -- that's 1.2 times it's default font size. Since
.pmi:first-line is a child of .pmi, it's inherited font size is 15px,
not 10. So the first line will actually have have a font size of 18px.
Not exactly what you were asking, but it's good to know how these things work :)

Andrew.
--
http://leftjustified.net/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] styling :first-line Pseudo-element

[Rob Mientjes]

On Fri, 17 Dec 2004 09:02:25 +0930, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
 I have a class .pmi in my page and I want style the first line of
 differently so that the first line is smaller than the second line. The
 code below doesn't seem to work and I was wondering if it was because of
 the br/ tag in my html.

.pmi p:first-line {
font-size: 1.2em;
}

You say that the first line of any element p in .pmi should have a
different font-size. Try and change it to:

p.pmi:first-line {
font-size: 1.2em;
}

-- 
Cheers,
Rob.
» http://zooibaai.nl
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] styling :first-line Pseudo-element

[Rene Saarsoo]

On Fri, 17 Dec 2004 09:02:25 +0930, [EMAIL PROTECTED] wrote:
.pmi p:first-line {
font-size: 1.2em;
}
this should be:
p.pmi:first-line {
  font-size: 1.2em;
}
But using the 'br' isn't any good too. Maybe this line with
the br should be instead a heading followed with a paragraph?
Rene
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] styling :first-line Pseudo-element

[James Bennett]

On Fri, 17 Dec 2004 01:41:27 -, Rene Saarsoo [EMAIL PROTECTED] wrote:
 But using the 'br' isn't any good too. Maybe this line with
 the br should be instead a heading followed with a paragraph?

Depending on how many of these items there are, a definition list
might work well also.

-- 
May the forces of evil become confused on the way to your house.
  -- George Carlin
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

[WSG] styling :first-line Pseudo-element

[Helen . Rysavy]

Hi, can anyone help me with this please.

I have a class .pmi in my page and I want style the first line of
differently so that the first line is smaller than the second line. The
code below doesn't seem to work and I was wondering if it was because of
the br/ tag in my html.

 p class=pmiRead more about the PMBOKbr /
  a href=http://www.pmi.org/info/pp_pmbok2000welcome.asp; target=
_blankProject Management Institute: PMBOK Guide/a /p

.pmi {
  background-image: url(../images/pmi.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color: #7B3000;
  font-family: Times New Roman, Times, serif;
  font-size: 1.5em;
  height: 35px;
  padding-left: 50px;
}
.pmi p:first-line {
font-size: 1.2em;
}

.pmi a:link{
  border-bottom-color: #7B3000;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  color: #7B3000;
  padding-bottom: 3px;
  text-decoration: none;
}

Thanks for all your wonderful help, this list is a lifesaver.

***
Helen Rysavy
Web Designer, Teaching  Learning Development
Charles Darwin University, Northern Territory 0909
Tel: 8946 7779 Mobile: 0403 290 842
mailto:[EMAIL PROTECTED]
www.cdu.edu.au
CRICOS Provider No: 00300K
***


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] styling :first-line Pseudo-element

[Patrick H. Lauke]

[EMAIL PROTECTED] wrote:
I have a class .pmi in my page and I want style the first line of
differently so that the first line is smaller than the second line. The
code below doesn't seem to work and I was wondering if it was because of
the br/ tag in my html.

.pmi p:first-line 
To make it work, it should be
p.pmi:first-line
or
.pmi:first-line
What you have means: the first line of the paragraph which is a 
descendant of
an element with class pmi...which is wrong, as it's the paragraph itself 
that has
been assigned the class.

--
Patrick H. Lauke
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**