How to center ?

Hello,
http://www.seodir.eu/submit.php

how to center that table ?

Code:

                <div class="pasek" align="center">
         {l}Information{/l}
      </div>
      <div class="info" align="center">
         {l}You must be logged in to submit a new link.{/l}
         <br />
         {l}No account yet?{/l} <a href="{$smarty.const.DOC_ROOT}/profile.php?mode=register" title="{l}Register new user{/l}">{l}Create one{/l}</a>   
					</div>

Code (markup):

CSS:

.pasek{
  background: url(../images/cat.jpg);
  border-top: 1px solid rgb(191,191,191);
  border-left: 1px solid rgb(191,191,191);
  border-right: 1px solid rgb(191,191,191);
	width: 500px;
	text-align: center;
	font: bold 10px Verdana;
	margin: 0;
	padding: 0 0 2px 5px;
}
.info{
  border: 1px solid rgb(191,191,191);
	width: 495px;
	height: 37px;
	margin: 0;
	padding: 3px 5px 3px 5px;
	text-align: center;
}

Code (markup):

Thank you

 

<center>
<div class="pasek" align="center">
{l}Information{/l}
</div>
<div class="info" align="center">
{l}You must be logged in to submit a new link.{/l}
<br />
{l}No account yet?{/l} <a href="{$smarty.const.DOC_ROOT}/profile.php?mode=register" title="{l}Register new user{/l}">{l}Create one{/l}</a>
</div>
</center>

Just an idea.

 

Ok works but its suggested to use the alignments of css, right ?

 

I'm not the right person to ask, I can't code atall. I just knew that that works for centering stuff. I imagine it's probably better to center with CSS to avoid confusion etc, but I can vaguely remember also having difficultys getting the CSS to center things..

Good luck, hopefully someone knows the answer!

-nmx

 

Your css code does not seem to have it.

 

So can you tell me what code do I need to add there ?

 

Put a wrapper DIV around everything.

<div id="wrapper">
<!-- All content within this wrapper DIV -->
</div>

Code (markup):

CSS:

body {
text-align: center; /* This is for older IE browsers */
}

#wrapper {
width: 800px /* Or whatever width you want */
margin: 0 auto;
}

Code (markup):

Then use text-align: left; in the correct table to put the text back where it should be.

 

I generally set my left and right margins of the surrounding div tag to auto.

 

Thank you for your help guys, I will play with it afternoon.