first-letter css

[Guest Cashster09]

I am having aproblem and not sure if it's me or because all these different browsers have different standards. I hope one day that will change! I think it's ridiculious that all these diff browsers have different standards and look different.

 

anyways, i want to use first-letter css styling and in IE 6.0 it works but in FF 2.0/3.0 and in Chrome it does not...

 

my url is www.webdrycleaners.com/webdrycleanersarticles.html

 

 

thanks in advance

[newseed]

first:letter is not fully supported by most browser although some (such as Firefox) will render it just fine but in certain conditions it could render it useless.

 

CSS Browser Support

 

Browser standards are not laws in which broswer developers must comply to. However, it is a guideline (a standard) that must adapt to if they want to keep up with the competition and demand for good CSS support.

 

In the mean time, you can use span tags to create something similar that will support in all browsers.

Edited April 20, 2009 by newseed

[Guest Cashster09]

thanks for that page.

It says text indent works in IE 6,7 FF 2, 3 and its not working for me

 

the page is the same as above...i placed some styles in the head section of that page....it works in IE 6 and 7 but not FF...grrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr

 

I just tried your suggestion using the span tag for first letter and again it didnt work....unless i did something wrong...

 

Since the 1500s etc.....

 

css code:

 

.bigs:first-letter {color:#00baff;font-size:30px;font-weight: bold};

 

HELP!!!

Edited April 20, 2009 by Cashster09

[Wickham]

As Newseed says, use span tags to make sure it works in all browsers.

 

.firstletter { font-size: 30px; color: skyblue; margin-left: 40px; }

 

Since the 1500s.............................

 

You could just make a style for span

 

span { font-size: 30px; color: skyblue; margin-left: 30px; }

but that might be a problem if you wanted span for another style somewhere else, so I used a class.

 

You might also have to add line-height: ?px if the line height is too small for the large letter.

[Guest Cashster09]

i even changed the fontsize to 90px and its not even changing at all!

it's all getting to be useless....for me..

 

but i do appreciate all your help, everyone.

It doesn't even seem like im able to control anything....It has a mind of its own....None of the code is changing the page!!

 

Finally it works....but the line height is good in ff but not in IE

Edited April 20, 2009 by Cashster09

[newseed]

You gave your span tag a class called "bigs" but in your css you have it labled like this:

 

.bigs:first-letter

 

 

You don't need :first-letter.

[Guest Cashster09]

i changed it...please check it now

but the line height is diff in IE and FF

 

it works!!

You guys are genius's.....thanks a lot....

Edited April 20, 2009 by Cashster09