How to center site in browsers. Currently aligned left.

Please tell me how to center my website in the browser windows. It is currently lining up completely to the left with a lot of white space on the right.
What code do I add and where. Thanks a lot.

Go to Code View in DW.
On line 240, delete
<div align="center">
Around line 25
change
<body>
<table width="760" border="0" cellspacing="0" cellpadding="0">
to
<body>
<div align="center">
<table width="760" border="0" cellspacing="0" cellpadding="0">

Similar Messages

SharePoint 2013 Blog Site not showing current navigation(Left Navigation)

I have created a blog site but blog pages are not showing my current navigation, it has got its own left navigation, Can i show left (current) navigation? I am trying to find the page layout being used for blog items but unable to find.

Hi,
By design, there is a left navigation in the blog site. Like the following image show.
Please check whether there is CSS style in site to hide the left navigation.
If you don’t want to use the default navigation, we can also customize a new one.
We can use SharePoint designer 2013 to modify it(In /_catalogs/masterpage/seattle.master ).
Thanks,
Dennis Guo
TechNet Community Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Dennis Guo
TechNet Community Support

EnsureVisible in TreeView: how to ensure that horiz. scrollbar is aligned left

Hi,
I have a tree view with eg. following nodes
# People
|
+--# Custumers
|
+-- # Anne Charles, Hillroad 14, 7766 MyTown, My Country
|
+-- # Steve Jones, Forestroad 12, 7766 MyTown, My Country
With the command
Me.treeViewM.Nodes(0).Nodes(0).Nodes(0).EnsureVisible()
I can ensure that "Anne Charles" is visible within the treeview. My problem is: If the treeview is not wide enough to show the complete node text of this node, the horizontal scroll bar is automatically moved to the right so that node structure shown left from the "A" in the text "Anne Charles" is not visible any more. Thus
Anne Charles, Hillroad 14, 7766 MyTown, My Country
Steve Jones, Forestroad 12, 7766 MyTown, My Country
is visible and the node structure is hidden.
Question: How can I ensure that the node "Anne Charles" is visible and also the horizontal scrollbar is aligned to the left, which means that the node structure left from the text is still visible?
Best wishes
Michael
[Visual Basic .net 2005]

Look at following code project also: http://www.codeproject.com/KB/tree/NoScrollingTree.aspx
You need PInvoke.
At Top
Imports System.Runtime.InteropServices
And Following Functtion
   Private Const WM_HSCROLL As Integer = 276
   Private Const SB_LEFT As Integer = 6
   <DllImport("user32.dll")> _
   Private Shared Function SendMessage(ByVal hWnd As IntPtr, ByVal wMsg As Integer, ByVal wParam As Integer, ByVal lParam As Integer) As Integer
   End Function
After Ensure Visible call the above Function
   Me.treeViewM.Nodes(0).Nodes(0).Nodes(0).EnsureVisible()
   SendMessage(treeViewM.Handle, WM_HSCROLL, SB_LEFT, 0)
Arjun Paudel

How to Center Left-Aligned Site?

I have a web-site -- 100+ pages -- that's aligned to the left
of the browser window, leaving the right part blank. Is there some
code I could put into existing templates that control the site's
pages that will cause all the pages to center, like on this Adobe
site?
Thank you.

It would depend entirely on how the site's pages are built.
But you could
try this -
Change this -
</head>
to this -
<style type="text/css">

</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
</div>
</body>
and see if that helps.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"PAB1953" <[email protected]> wrote in
message
news:eaa86q$e8s$[email protected]..
>I have a web-site -- 100+ pages -- that's aligned to the
left of the
>browser
> window, leaving the right part blank. Is there some code
I could put into
> existing templates that control the site's pages that
will cause all the
> pages
> to center, like on this Adobe site?
>
> Thank you.
>

How To associate a default Template with an asset in web center sites 11g

In previous versions we could associate a template with an asset, in the edit mode of the asset and that template would be used to render that asset when previewed.
How can we do that in Web center Sites 11 g so that we don't have to select it again and again.

You should still have that option, in the Contributor UI when you edit or inspect an asset beneath the asset name is a drop-down box to select the default Template for this asset.
Phil

How to center entire page

I've been trying to view my site on multiple computers to gauge how wide I shoud make the banners and contents and it just occured to me how much simpler this would be if I could somehow just have the entire page center itself automatically. Is there some way to put a div tag or something around the entire contents so that the page appears in the center of all browsers? If so, is this a good way to acheive a wider scope of viewability?

The easist way is to create a "wrapper" div, which will contain all of your content.
So I would create this rule in your css
#wrapper     {
     width:900px;
     margin:0px auto;
Then change this
<body>
<p>
to this
<body>
<div id="wrapper">
<p>
then change this:
</script>
</body>
to this
</script>
</div>
</body>
See if that works for you.
Gary

How to make menu-item of current page appear in a different font color?

Hi,
My menu-bar works just fine. Hovering the links I get the text to take display the desired color. Now I want the menu-item of the selected page to show a third color.
With live-code enabled in Dreamweaver CS6, I can see the following code being generated by the Dynamic menu:
<script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script><div id="cat_549633_divs"><ul id="nav_549633"><li class="selected"><a href="/home.html">Home</a></li><li><a href="/leistungen.html">Leistungen</a></li><li><a href="/uhrenservice.html">Uhrenservice</a></li><li><a href="/versteigerungen.html">Versteigerungen</a></li><li><a href="/diamanten.html">Diamanten</a></li><li><a href="/ueber_uns.html">Über uns</a></li><li><a href="/kontakt.html">Kontakt</a></li></ul></div><script type="text/javascript">catSetSelectedCSSItem('nav_549633');</script>
The class .selected is being created in the first list-item (home) as this is the current page.
And here is my CSS:
#nav_549633 {
          float: right;
          list-style-type: none;
          padding-top: 5px;
#nav_549633 li {
          float: left;
          text-align: left;
#nav_549633 li a {
          color:white;
          text-decoration: none;
          margin: 0 27px 0 0;
          font-size: 13px;
          text-transform: uppercase;
#nav_549633 li a:hover {
          color: yellow;
.selected {
          color: green;
The font color green does not appear. It is still white.
In order to see if the class is "working" I tried some other attributes, that DO work!
.selected {
color: green;
padding: 20px
background-color: blue;
In this case, the item appears as a blue box with 20px-padding, just as expected - but the font-color is still white.
Can anyone help me?
Regards,
Herman

Hi Mario,
Here's the link to my site:
http://grootaartseuronics.businesscatalyst.com/index.html
I have found a solution myself for 2 of the 3 questions i had:
I have deleted/changed this div: #nav_1371057 li li
And created a few new ones:
#nav_1371057 li li a, #nav_1371057 li li a:visited (To control the link en visited link colors in the sub-menu other than the root-menu)
#nav_1371057 li li a:hover (to control the hover in the sub-menu other than the root-menu if nessesary)
#nav_1371057 li li.selected a (to control the selected link and let the link change color or bolder like in my case)
Here are the CSS styles I used:
#nav_1371057 li li.selected a { /*Dit veranderd de dikte (bold) van de geselecteerde link in het submenu, dus de pagina waar je bent*/
font-weight:bolder;
#nav_1371057 li li a, #nav_1371057 li li a:visited{
background: #006;
color:#ffffff;
#nav_1371057 li li a:hover{
background: #999;
color:#ffffff;
Only thing i can't figure out is how I can change/control the color of the arrow which is black now. And i want to make it blue.
Thanks,
Frank

How to center menu and add spacing between buttons?

Here is my site: http://lauraportfolio.hostoi.com/index.html (If you are using Google Chrome you can right click and select "view page source" to see the html of the page)
See how the menu button are justified the left of the light pink menu bar? How can I put them in the center?
I would like to know how to center the menu, and then add spacing between the buttons.
At one point I added spacing between the buttons using CSS padding, but when I did that the last menu button, "Graphics" ran off the pink menu bar and became invisible and all kinds of crazy ugly stuff!
Below is what I beleive to be all of the CSS styling for the menu:
#menubar
          width: 900px;
          height: 72px;
          padding: 0;
          background-color: transparent;
          background-image: url(transparentpink.png);
          background-repeat: repeat;
ul#menu, ul#menu li
{ float: left;
margin: 0;
padding: 0;}
ul#menu li
          list-style: none;
          padding-right: 0px;
          padding-left: 0px;
          margin-right: auto;
          margin-left: auto;
ul#menu li a
          letter-spacing: 0.1em;
          display: block;
          float: left;
          height: 37px;
          text-align: center;
          color: #f0dbca;
          text-transform: none;
          text-decoration: none;
          background: transparent;
          font-family: bonvenoCF, verdana, Geneva, sans-serif;
          font-size: 150%;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          padding-top: 29px;
          padding-right: 26px;
          padding-bottom: 6px;
          padding-left: 26px;
ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover
          color: #F0DBCA;
          background-color: #F1836A;

PART 1
So as long as the width of the buttons plus the padding doesn't go over 900px it won't run off the page?
Right.   The "box model" in CSS works like this:
width + padding + border = actual visible/rendered width of box
height + padding + border = actual visible/rendered height of box.
PART 2
And do you know how I can center the whole thin instead of it being left-aligned on the menu bar?
You can't center floated menu items. The best you can do is make your menu fit the entire width of the container (or as close as you can) as described in PART 1 above.
To center your #menu container, use margin:0 auto;
To center text, use text-align:center on the #menu li a.
Nancy O.

How to insert Edge animate in current web html page

Just downloaded Edge Animate and trying to include animation.html in current website.html page using Adobe Edge Code preview but am not sure how to go about it not being a hard core programmer.... am i being too ambitious?

Thanks here is the code :
Animation code : in subdiretory off Root directory : AdobeEdge/Bannerad.html
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>
          <title>Untitled</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>

</head>
<body style="margin:0;padding:0;">
          <div id="Stage" class="EDGE-160548878">
          </div>
</body>
</html>
And segement of Accomodation.html page in root directory :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="Generator" content="iWeb 2.0.4" />
    <meta name="iWeb-Build" content="local-build-20130308" />
    <meta name="viewport" content="width=700" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>
          <title>Untitled</title>
    <title>Accomodation</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="Accomodation_files/Accomodation.css" />
    <style type="text/css">
/*<![CDATA[*/
          @import "Scripts/Widgets/HTMLRegion/Paste.css";
/*]]>*/
</style>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="AdobeEdge/Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>

    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
    <script type="text/javascript" src="Scripts/iWebImage.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/HTMLRegion/Paste.js"></script>
    <script type="text/javascript" src="Accomodation_files/Accomodation.js"></script>
</head>
<body style="background: #000000; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: #fffde8; text-align: left; width: 700px; " id="body_content">
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div id="id1" style="height: 258px; left: 17px; position: absolute; top: 13px; width: 665px; z-index: 1; " class="style_SkipStroke">
            <div class="text-content graphic_shape_layout_style_default_External_665_258" style="padding: 0px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div> <p style="margin:0;padding:0;">
                     <div id="Stage" class="EDGE-160548878">
                         </div>
.................... etc.
thanks.

How to center a mobile web in Muse?

Does anybody know how can I do this?
I have done a site and two other versions for tablet and mobile, but it's been impossible to center them.

Mobile browsers scale the view so the width of the widest content fits the width of the device.
If there are no items outside the width of the "page" within Muse, then the page will be exactly fit to the width of the device (and if you center your content on the page the content will be centered on the device).
One additional note, the "page" can have no stroke and no fill, so it need not be something the site visitor sees.

How to center this text in wordpress PHP file?

Hi,
I am trying to center the text on the bottom of my blog.
Site Admin
Log out
WP
These three elements above are aligned left and looks really bad, looks like the problem is on my footer.php, a container called footermenu, but I can't figure out where I need to plug in the code to center it. Here is the code for the footer:
<?php
if ( is_active_sidebar( 'footer-widget-area' ) ) {
?>
<div id="footer">
<div id="footerspan" >
<div class="container_12">
<div class="grid_8" >
<ul class="widget">
<?php dynamic_sidebar('footer-widget-area');?>
</ul>
</div>
<div class="grid_4" >
<h3><?php _e('Meta', 'mt-white');?></h3>
<ul>
<?php wp_register();?>
<li>
<?php wp_loginout();?>
</li>
<li>
<a href="<?php echo esc_url(__('http://wordpress.org/', 'mt-white'));?>" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.', 'mt-white');?>"><abbr title="WordPress">WP</abbr></a>
</li>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<?php } else {?>
<ul id="footermenu">
<?php wp_register();?>
<li>
<?php wp_loginout();?>
</li>
<li>
<a href="<?php echo esc_url(__('http://wordpress.org/', 'mt-white'));?>" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.', 'mt-white');?>"><abbr title="WordPress">WP</abbr></a>
</li>
<?php wp_meta();?>
</ul>
<?php }?>
<?php wp_footer();?>
</body>
</html>
Thank you for your help.

Hi,
I am trying to center the text on the bottom of my blog.
Site Admin
Log out
WP
These three elements above are aligned left and looks really bad, looks like the problem is on my footer.php, a container called footermenu, but I can't figure out where I need to plug in the code to center it. Here is the code for the footer:
<?php
if ( is_active_sidebar( 'footer-widget-area' ) ) {
?>
<div id="footer">
<div id="footerspan" >
<div class="container_12">
<div class="grid_8" >
<ul class="widget">
<?php dynamic_sidebar('footer-widget-area');?>
</ul>
</div>
<div class="grid_4" >
<h3><?php _e('Meta', 'mt-white');?></h3>
<ul>
<?php wp_register();?>
<li>
<?php wp_loginout();?>
</li>
<li>
<a href="<?php echo esc_url(__('http://wordpress.org/', 'mt-white'));?>" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.', 'mt-white');?>"><abbr title="WordPress">WP</abbr></a>
</li>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<?php } else {?>
<ul id="footermenu">
<?php wp_register();?>
<li>
<?php wp_loginout();?>
</li>
<li>
<a href="<?php echo esc_url(__('http://wordpress.org/', 'mt-white'));?>" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.', 'mt-white');?>"><abbr title="WordPress">WP</abbr></a>
</li>
<?php wp_meta();?>
</ul>
<?php }?>
<?php wp_footer();?>
</body>
</html>
Thank you for your help.

How to center a layer ?

Hello friends.. I have created a pop up menu with a tool that
creates de code in Javascript. The I have setted it on a layer (if
I do not do it, the code displays in a different line of the
screen) .Well, it works, but the problem now is when I see the web
site on a wider screen... the layers and its content do not move,
but the rest of the page does, because it is all centered... the
result is a mess with the layers.... I have been trying to create a
table and attach the layer to it (to one of its cells) but seems
there is no way to do it.... what should I do ? please help ! thanx
a lot

Why, right here!
Change this -
</head>
to this -
<style type="text/css">

</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -

</div>
</body>
and see if that helps.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Sw Jiten" <[email protected]> wrote in
message
news:emiq0u$adp$[email protected]..
> hello Murray... I certainly like your well known short
answers... except
> this time.... I did not understand... where was it
answered ?? thanx in
> advance...

How to center a button in a sidebar region

Unfortunately, position options for buttons only include left and right. If I want to center buttons in a sidebar region, how might that be done?
It's easy in firebug to modify <td align="left"> to <td align="center"> which fixes everything, but I'm not sure how this might be overridden in apex.
I've attempted putting center tags in the header/footer of the sidebar region and some stylesheet options (I'm a stylesheet beginner so who knows...) but I've not had any luck.
Thoughts?
Thanks!
Paul

Hi,
It would depend on the theme that you are using and what else may be contained within the sidebar region.
For example, in Theme 12 with only buttons in the region, you could add the following into the page's HTML Header setting:
<style type="text/css">
.t12SideBarNav td td {text-align:center}
</style>.t12SideBarNav is the class name used for Theme 12's sidebar region and td td refers to a nested TD (table cell) tag within a TD tag within the region (the region, at least for Theme 12, is a table within a table). So, this aligns the contents of the inner TD tag which contains the buttons.
Andy

Custom Search Results web part: show only sites wherein the current user has access

Hi,
I'm trying to create a custom Search Box and Search Results web part in one of my web application. The search result should show only sites wherein the current user only has an access. Do you have an idea how to implement this? Thanks. :)
Regards,
Napster

Hi Napster,
From my experience, we can only search the result which we have view permission at least.
Please provide more information about your requirement if there is misunderstanding.
More information about search result web part:
http://technet.microsoft.com/en-in/library/gg549987(v=office.15).aspx
Regards,
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected] .
Rebecca Tu
TechNet Community Support

How to center layers on a webpage

how do I center layers in a webpage so no matter what size
monitor someone is using the items will be centered?

Resolution or monitor size is not the critical issue. Browser
viewport
width is.
This method will work, subject to the limitations that using
layers for page
layout bring -
Change this -
</head>
to this -
<style type="text/css">

</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -

</div>
</body>
and see if that helps.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"twilight design" <[email protected]> wrote
in message
news:fpndfl$91a$[email protected]..
> how do I center layers in a webpage so no matter what
size monitor someone
> is using the items will be centered?

How to center site in browsers. Currently aligned left.

Similar Messages

Maybe you are looking for