CSS classes are for presentation.
Content is content.
Centering content is presentation.
Class names should not use keywords such as "center".
"centre" is not a keyword and can be used.
The class "centre" can then be used anywhere centering is desired.
It is quite easy to remember what this class name does, but if you wish to
use some more obscure name, feel free.
On Sat, May 3, 2008 2:33 pm, Joseph Taylor wrote:
> FYI - Adding such a named class, especially with the name "center" or
> "center" goes against separation of presentation and content.
>
> In a situation where your HTML looks like:
>
> <div>
> <div class="centre">
> <my images />
> </div>
> <div class="centre">
> <my images />
> </div>
> <div class="centre">
> <my images />
> </div>
> </div>
>
> You should change it to something like:
>
> <div id="my_section">
> <div>
> <my images />
> </div>
> <div>
> <my images />
> </div>
> <div>
> <my images />
> </div>
> </div>
>
>
> Then your CSS rule could look more like:
>
> #my_section div {
> text-align: center;
> margin: 5px;
> }
>
> One day you'll wish that div didn't have the class name of center,
> especially if there are a bunch of them. Just give an id to the
> container that would hold them all and use your css selectors to isolate
> the elements you wish to style.
>
> In the end, either choice will create the same effect. This one is a
> little more "future proof".
>
> Joseph R. B. Taylor
> /Designer / Developer/
> --------------------------------------
> Sites by Joe, LLC
> /"Clean, Simple and Elegant Web Design"/
> Phone: (609) 335-3076
> Fax: (866) 301-8045
> Web: http://sitesbyjoe.com
> Email: [EMAIL PROTECTED]
>
>
>
> Stuart Foulstone wrote:
>> Or use a CSS class to do the same,
>>
>> <div class=centre >
>>
>> and
>>
>> .centre {
>> text-align: center;
>> }
>>
>> On Sat, May 3, 2008 10:22 am, Diego La Monica wrote:
>>
>>> What about <div style=text-align: center> ?
>>>
>>>
>>>
>>>
>>>
>>> Diego La Monica
>>>
>>> Web 2.0 - Standards - Accessibilità
>>>
>>> mobile: +39 3337235382 - skype: diego.la.monica
>>>
>>> web: http://diegolamonica.info - http://jastegg.it
>>>
>>>
>>>
>>> _____
>>>
>>> Da: Simon [mailto:[EMAIL PROTECTED]
>>> Inviato: sabato 3 maggio 2008 11.15
>>> A: wsg@webstandardsgroup.org
>>> Oggetto: [WSG] Alternative to align = center?
>>>
>>>
>>>
>>> Hi,
>>>
>>>
>>>
>>> I know that the align attribute such as <div align=center> is not
>>> allowed
>>> in XHTML Strict, but it got me thinking on what the possible
>>> alternatives
>>> are for a dynamic environment such as a forum?
>>>
>>>
>>>
>>> For instance if I know the image width or the total width of all the
>>> images
>>> will be the same I usually put them in a wrapper with a fixed width and
>>> use
>>> margin: 5px auto as an example.
>>>
>>>
>>>
>>> What happens if you will never know the width of the images or how many
>>> images someone may post, as happens on a forum I run. Ive resorted to
>>> creating a bbcode tag that uses <div align=center> as that is the
>>> only
>>> way
>>> I can think of.
>>>
>>>
>>>
>>> Are these scenarios always doomed to use transitional doctypes and
>>> deprecated code?
>>>
>>>
>>>
>>> Id be interested in your opinions
>>>
>>>
>>>
>>> Cheers
>>>
>>> Simon
>>>
>>>
>>> *******************************************************************
>>> 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]
>>> *******************************************************************
>>>
>>>
>>
>>
>>
>>
>> *******************************************************************
>> 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]
> *******************************************************************
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
