Guest Cashster09 Posted April 20, 2009 Report Share Posted April 20, 2009 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 Quote Link to comment Share on other sites More sharing options...
newseed Posted April 20, 2009 Report Share Posted April 20, 2009 (edited) 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 Quote Link to comment Share on other sites More sharing options...
Guest Cashster09 Posted April 20, 2009 Report Share Posted April 20, 2009 (edited) 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 Quote Link to comment Share on other sites More sharing options...
Wickham Posted April 20, 2009 Report Share Posted April 20, 2009 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. Quote Link to comment Share on other sites More sharing options...
Guest Cashster09 Posted April 20, 2009 Report Share Posted April 20, 2009 (edited) 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 Quote Link to comment Share on other sites More sharing options...
newseed Posted April 20, 2009 Report Share Posted April 20, 2009 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. Quote Link to comment Share on other sites More sharing options...
Guest Cashster09 Posted April 20, 2009 Report Share Posted April 20, 2009 (edited) 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 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.