[css-d] Inline Style

2010-07-25 Thread John Dick 






How do you style the following using inline style:

p:first-letter 

{

color:#ff;

font-size:xx-large;

}


HTML is as follows:

p
You can use the :first-letter pseudo-element to add a special effect to the 
first character of a text!
/p

I want the style to be inside of p

Thank you.


  
_
http://clk.atdmt.com/UKM/go/19780/direct/01/
We want to hear all your funny, exciting and crazy Hotmail stories. Tell us now
__
css-discuss [cs...@lists.css-discuss.org]
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] Inline Style

2010-07-25 Thread Philip Taylor (Webmaster, Ret'd) 


John Dick wrote:

 How do you style the following using inline style:

 p:first-letter
   {
   color:#ff;
   font-size:xx-large;
   }

 HTML is as follows:

 p
 You can use the :first-letter pseudo-element to add a special effect to the 
 first character of a text!
 /p

 I want the style to be inside ofp

Well, as far as I can see, it can be inside of p ... /p
but not inside of p.  In other words :

p
span style=color:#ff; font-size:xx-largeY/spanou can use the 
:first-letter pseudo-element to add a special effect to the first character of 
a text!
/p

but perhaps I'm missing something.
Philip Taylor
__
css-discuss [cs...@lists.css-discuss.org]
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] Inline Style

2010-07-25 Thread Claude Needham 
On Sun, Jul 25, 2010 at 11:09 AM, John D xfs...@hotmail.com wrote:
 It works and I can live with it for now.  I am restricted because of
 restrictions imposed by Google Sites.  See my previous message.
 Thanks for the wonderful trick.
 Regards,

If you are trying to create a teaching situation with free websites
for the students would it not be somewhat satisfying to use a style
section in your html document embedded in the body?

Obviously this will not validate. But it does allow students to use
standard class and id definitions.

The transition from inline style to proper use of an external css
style sheet is not trivial. However, the transition from embedded
styles to external css style sheet might be an easy one.

Not sure precisely what you are trying to accomplish. But for a
teaching environment it might be better.

I don't use google pages so I don't know if they will accept a
style/style section.

 style type=text/css
p.testfl:first-letter {
color:#ff;
font-size:xx-large;
margin-right: -6px;
   }
/style

p class=testflThis is a text./p
pThis is more text/p

Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
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] Inline Style

2010-07-25 Thread John D 


 I don't use google pages so I don't know if they will accept a
 style/style section.


Just tried it and it says my page contains unsafe material and will be 
removed.

So it doesn't work unfortunately.

Regards,
 

__
css-discuss [cs...@lists.css-discuss.org]
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] Inline Style

2010-07-25 Thread Philip Taylor (Webmaster, Ret'd) 


John D wrote:

 Well, you can, but not using a pseudoelement and inline CSS. Why would you
 be restricted to inline CSS?

 Because Google Websites (http://sites.google.com) does not allow editing of
 headers to introduce external style sheets or header styles.  That is the
 problem.  It is a free site and there are no Ads so ideal for students.
 Uploading of files is also not allowed.

Hmm, ideal is not a word I would use for Google sites.
The last time I tried to create a site there, there
were over 80 uncorrectable errors (all due to Google),
at which point I abandoned any hope of ever being
able to successfully host a site there.  On re-checking
today, I see there are still 77 uncorrectable errors,
so I cannot in all honesty recommend Google sites to
anyone.

Philip Taylor
__
css-discuss [cs...@lists.css-discuss.org]
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] Inline style works, Class does not

2006-01-27 Thread Jonathan Prugh 
Hi.

When I apply this inline style to my ul the orangedot.gif shoes up as it
should:

ul style=list-style-image: url(images/orangedot.gif);

When I move this to the stylesheet like so:

ul.orange-bullet {
list-style-image: url(images/orangedot.gif);
}

and apply the class: ul class=orange-bullet the style is ignored.

There are no other ul or li styles in the style sheet. Anyone know why
this would be happening?

Thanks,
JP
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline style works, Class does not

2006-01-27 Thread cj 
my guess would be that your image is no longer referenced correctly. 
make sure the url in your css is relative to the css file's location.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline style works, Class does not

2006-01-27 Thread Blake Haswell 
On 1/28/06, cj [EMAIL PROTECTED] wrote:

 my guess would be that your image is no longer referenced correctly.
 make sure the url in your css is relative to the css file's location.


I agree, this is the most likely problem. If the directory looks like this:

--[-]my webpage
[-]css
--stylesheet.css
[-]images
--orangedot.gif

Simply change your CSS to:

ul.orange-bullet {
list-style-image: url(../images/orangedot.gif);
}

This should solve your problem.

--
http://blake.f2o.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/