Table to Div, HTML attributes to CSS styles

zapseo · 11-02-2009, 06:16 PM

This has been the one thing that has been bugging me for a while.

If I try to create a css style rule that is the equivalent of this:

<border="0" cellpadding="0"
cellspacing="0" width="411" align="center">

What would it be?

Especially, what would I use for: align="center" ?
I'm trying to find the equivalent while using KompoZer.
The best I can seem to find is "text-align: center", but that only affects the enclosed text, not the box containing the text. And that's what I want to do, I want to center the "box" containing the text.

Thanks!

Judy

zapseo · 11-02-2009, 09:54 PM

My friend Anand Capur, owner of boostplatform.com, provided me the solution for the centering problem:

either:
margin-left: auto;
margin-right: auto;
width: WIDTH;

or,

display: block;
margin-left: auto;
margin-right: auto;

THANKS, Anand!

VisualWebEffects · 11-03-2009, 10:14 AM

try this:

border: 0;
margin: 0;
padding: 0;
text-align: center;
width: 411px;

Aronya · 11-03-2009, 12:07 PM

This gives the best explanation of how to do this that I've seen so far, I think: Max Design - CSS Centering - fun for all!

723Media · 11-04-2009, 07:05 PM

you can use something like:

width:411px;
margin:0 auto;

11-02-2009, 06:16 PM	#1
zapseo Judy K - WSOTD Copywriter War Room Member Join Date: Jan 2004 Location: San Jose (Silicon Valley), CA , USA. Posts: 4,617 Blog Entries: 1 Thanks: 151 Thanked 238 Times in 162 Posts Social Networking Contact Info	Table to Div, HTML attributes to CSS styles This has been the one thing that has been bugging me for a while. If I try to create a css style rule that is the equivalent of this: <border="0" cellpadding="0" cellspacing="0" width="411" align="center"> What would it be? Especially, what would I use for: align="center" ? I'm trying to find the equivalent while using KompoZer. The best I can seem to find is "text-align: center", but that only affects the enclosed text, not the box containing the text. And that's what I want to do, I want to center the "box" containing the text. Thanks! Judy
	WSOTD Copy ... check the last usernote... ==> Kick Your Sales Copy Into High Gear -- "like having your own copywriting course" -- April Coggins Get Free 33 Amazing Marketing Reports by $250K+ marketers @@ Tweet Me! @@

11-02-2009, 09:54 PM	#2
zapseo Judy K - WSOTD Copywriter War Room Member Join Date: Jan 2004 Location: San Jose (Silicon Valley), CA , USA. Posts: 4,617 Blog Entries: 1 Thanks: 151 Thanked 238 Times in 162 Posts Social Networking Contact Info	Re: Table to Div, HTML attributes to CSS styles My friend Anand Capur, owner of boostplatform.com, provided me the solution for the centering problem: either: margin-left: auto; margin-right: auto; width: WIDTH; or, display: block; margin-left: auto; margin-right: auto; THANKS, Anand!
	WSOTD Copy ... check the last usernote... ==> Kick Your Sales Copy Into High Gear -- "like having your own copywriting course" -- April Coggins Get Free 33 Amazing Marketing Reports by $250K+ marketers @@ Tweet Me! @@

11-03-2009, 10:14 AM	#3
VisualWebEffects HyperActive Warrior War Room Member Join Date: Sep 2009 Location: Canada Posts: 137 Thanks: 4 Thanked 35 Times in 18 Posts Contact Info	Re: Table to Div, HTML attributes to CSS styles try this: border: 0; margin: 0; padding: 0; text-align: center; width: 411px;
	VisualWebEffects- Web Application Development, PC Software Development and Identity Design services

11-03-2009, 12:07 PM	#4
Aronya Advanced Warrior War Room Member Join Date: Feb 2008 Location: Escondido, CA. Becase San Marcos just wasn't hot enough. Posts: 510 Thanks: 35 Thanked 56 Times in 55 Posts	Re: Table to Div, HTML attributes to CSS styles This gives the best explanation of how to do this that I've seen so far, I think: Max Design - CSS Centering - fun for all!

11-04-2009, 07:05 PM	#5
723Media HyperActive Warrior War Room Member Join Date: Aug 2009 Posts: 107 Thanks: 3 Thanked 18 Times in 11 Posts	Re: Table to Div, HTML attributes to CSS styles you can use something like: width:411px; margin:0 auto;
	http://socialeers.com http://graphicriver.net/user/723media/portfolio