Re: [WSG] Noobie: Padding-top, padding-bottom
You better read up on CSS. Then in the HTML documents put a class=whitesome text/a .white{color:#00;font-size:100%;line-height:100%;} .red{color:#FF0066;font-size:100%;line-height:100%;} .black{color:#00;font-size:100%;line-height:100%;} .yellow{color:#00;font-size:100%;line-height:100%;} .green{color:#006633;font-size:100%;line-height:100%;} .blue{color:#FF;font-size:100%;line-height:100%;} Tim On 08/02/2007, at 11:40 AM, Till Elsner wrote: Reading this leads me to another question: Since font is deprecated and should not longer be used, is there any replacement for that? Any inline element that allows me to format a piece of text? While span is technically possible, in my opinion its not very semantic in this situation? Is there anything just for specially styled text? Am 08.02.2007 um 00:47 schrieb Douglas Reith: Hi All, I'm thinking this should be a quick one because I'm pretty useless with CSS... I know this will sound strange, but I don't have control over the whole HTML/CSS of the page. What I do have is control over a piece of text that is displayed which I want there to be some padding around so I did this: font style=padding: 20pxHello World/font But it only pushes the text to the left and doesn't add space to the top or the bottom. This: font style=padding-bottom: 20pxHello World/font does nothing unfortunately. Am I using this totally the wrong way? (probably!) Can I use something else to fudge the same result? P.S. Tested in FF and IE. Thanks in advance, Doug -- Douglas Reith [EMAIL PROTECTED] +61 (0)4 1042 1081 mobile skypeme_btn_small_white.gif *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** The Editor Heretic Press http://www.hereticpress.com Email [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Noobie: Padding-top, padding-bottom
On 08/02/07, Till Elsner [EMAIL PROTECTED] wrote: Reading this leads me to another question: Since font is deprecated and should not longer be used, is there any replacement for that? Any inline element that allows me to format a piece of text? While span is technically possible, in my opinion its not very semantic in this situation? Is there anything just for specially styled text? My personal feeling on this is that span is exactly the right element to use, precisely because it has no semantic value. If you're just wanting to change the look of some text in the middle of a paragraph for aesthetic reasons, then there's no semantic information that you need to impart and people who are not viewing your page with all the pretties available (either because they're using a screen reader, a text browser, or are not using your style sheet) are not going to be losing anything of value to them. If, on the other hand, you are changing the look of the text because it's needing some sort of emphasis for more than just purely visual reasons, then I would put it in either strong or em tags and style them. That way, users in the above-mentioned situations still won't get your pretties but will at least get an indication of some sort that those words are standing out from the ones surrounding them. Cheers, Seona. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Noobie: Padding-top, padding-bottom
It would depend what the text is. If it's a paragraph, use p, if it's a heading use hx. There's no one single tag which can be used in all situations. On Thu, 08 Feb 2007 10:40:37 +1000, Till Elsner [EMAIL PROTECTED] wrote: Reading this leads me to another question: Since font is deprecated and should not longer be used, is there any replacement for that? Any inline element that allows me to format a piece of text? While span is technically possible, in my opinion its not very semantic in this situation? Is there anything just for specially styled text? Am 08.02.2007 um 00:47 schrieb Douglas Reith: Hi All, I'm thinking this should be a quick one because I'm pretty useless with CSS... I know this will sound strange, but I don't have control over the whole HTML/CSS of the page. What I do have is control over a piece of text that is displayed which I want there to be some padding around so I did this: font style=padding: 20pxHello World/font But it only pushes the text to the left and doesn't add space to the top or the bottom. This: font style=padding-bottom: 20pxHello World/font does nothing unfortunately. Am I using this totally the wrong way? (probably!) Can I use something else to fudge the same result? P.S. Tested in FF and IE. Thanks in advance, Doug -- Douglas Reith [EMAIL PROTECTED] +61 (0)4 1042 1081 mobile skypeme_btn_small_white.gif *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Noobie: Padding-top, padding-bottom
On 2/7/07, Tim [EMAIL PROTECTED] wrote: You better read up on CSS. Then in the HTML documents put a class=whitesome text/a .white{color:#00;font-size:100%;line-height:100%;} .red{color:#FF0066;font-size:100%;line-height:100%;} .black{color:#00;font-size:100%;line-height:100%;} .yellow{color:#00;font-size:100%;line-height:100%;} .green{color:#006633;font-size:100%;line-height:100%;} .blue{color:#FF;font-size:100%;line-height:100%;} My goodness, what is all that? Can you explain? Is this for real? Why would anyone not just do: a { font-size:100%; line-height:1.0 } .white { color:#00; } (and did you know that font-size100% is usually the default, and line-height 1.0 does not readable text make... [most browsers default at 1.2]) etc... -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Noobie: Padding-top, padding-bottom
Dan Dorman wrote: Firefox, Opera, and IE don't seem to apply top or bottom margins or padding to inline elements Each of these browsers does apply padding to inline elements (OK, IE sometimes get it wrong... nothing new there). But applying padding to an inline element doesn't affect the line-box(es). Margin-top and margin-bottom have no effect on inline, non-replaced elements. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***