Need Help Centering Page Content

Hi, I have added a white box behind my main page content but the content is not centered within the box. It seems to be on the left. There are a number of different style sheets and I need to find out which style is affecting how the content is positioned.
1. In this link below I’m not sure what is making the content go to the “left”. I need all of the thumbnails to be centered in the white area. That is what I need to find out first. What is the best way to find what is causing the thumbnails to go to the left? Is there an easy way to narrow down what is causing the thumbnails to go to the left?
If I select “ul.work li” I notice it is set to (float: left). If I change it to (float: right) the thumbnails all move to the right. but if I set it to (float: none) the thumbnails all line up vertically. Not what I want.
http://www.buzzfx.ca/2d_character.html
In the homepage I also need to have all of the content centered.
http://www.buzzfx.ca
2. Also, how would I move the white box up to align with (touch the bottom) of the grey header?

Thanks John, I managed to watch a good tutorial that set me straight.
So back to the initial question. I am trying to center the content in the body but it seems to be aligned "left". Using Firebug, I think I have found the part that needs changing.
1. At this link: http://www.buzzfx.ca/2d_character.html
2. I hovered over the thumbnails until I found: <ul class="work fullwork clearfix">
3. I then looked in the style and I believe it is this code below in "bold italics" that I need to edit to get the "content" to be centered but I am not sure how specifically to fix it/
Q. Why does "margin-left: 40px;" have a strike through it?
Q. Is "margin-left: 40px;" the reason the content is aligned "left"?
Q. Could I not just "center" the contents instead of have it positioned from the "left"? Please explain!
I would be very grateful if someone could look at my page in Firebug to tell what the best way is to center the body content.
.clearfix:after {   clear: both;
   content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
ul.work {
margin: 0 -15px;
ul, ol {
margin-left: 40px;
h1, h2, h3, h4, form, table, ul, ol, p, dl, blockquote, hr {margin-bottom: 30px;
text-align: left;
ol, ul {
list-style: none outside none;

Similar Messages

Need Help Centering Page in Browser Window

I'm designing my pages by creating a graphic framework in
Photoshop, slicing and exporting images into css using Fireworks to
a Dreamweaver html page. These pages look great; but they load into
the upper left corner of the browser window
I was taking a Dreamweaver class at the Denver Art Institute,
that was worthless. I dropped the class after the 4th week and am
now teaching myself. I asked the teacher how to center this kind of
page in a browser window, so the page would behave like most
webpages, centering as you change the width of the browser window.
I also wanted to add a repeating pattern in a background image. She
told me that she didn't know how, that I would have to build the
background into my Photoshop file. So, that's what I've been doing.
However, when people with smaller monitors change pages within a
site the built-in background requires them to recenter the page
manually each time.
Is there a way to center the page and add a background image
that is not built in? I've tried using Dreamweaver's background
image and margins in the Page Properties; but that just pushes the
page to the upper left and adds the background to the right and
bottom of the page.
Please visit:
http://www.livingwater.la,
http://www.renegadegraphics.biz
and
http://www.dentalmatchmakers.net
for examples.
Thanks for your help.
Mary

>I was taking a Dreamweaver class at the Denver Art
Institute, that was worthless
Yes, those classes usually are worthless because they focus
on using the tool without giving you the proper foundation for
understanding and managing html and css. Unfortunately, all of the
example sites you gave you AP Divs (layers) as a primary layout
method, which is a terrible approach. AP Divs should be used rarely
if ever, and only when you understand how they work. When the
visitors font is sized differently than you expected, the site
falls apart. The correct approach is to learn web
design/development outside of the context of a specific
application.
http://www.w3schools.com/html/
is a good place to start for a basic understanding of html and css.
And some basic layout techniques can be found here:
http://apptools.com/examples/pagelayout101.php

Need help centering page

This page is just a baby but I'd like to get this figured out
before i get to deep into it. It's in php but only the swf menu at
the top is the consistent thing. the menu at the top will center.
the background and the sidebar will not. here is the code and a
link so you can see what I'm talking about.
www.mmdup.com/newindex.php
<!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>Untitled Document</title>
<style type="text/css">

</style></head>
<body><?php include("menuhead.html"); ?>
<img src="images/bannerline.png" width="1000" height="5"
/>
<table width="191" height="533" border="0"
cellspacing="0">
<tr>
<td bgcolor="#779993"> </td>
</tr>
</table>
</body>
</html>
Thanks for any advice.

Here try this 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>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper">
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="1000" height="248" title="menu">
<param name="movie" value="bannermenu.swf" />
<param name="quality" value="high" />
<embed src="bannermenu.swf" quality="high"
pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="1000"
height="248"></embed>
</object>
<div id="main">
<p>Some text here</p>
</div>
</div>
</body>
</html>
aka Frenchy ASP
"vidfix55" <[email protected]> wrote in
message
news:[email protected]...
> This page is just a baby but I'd like to get this
figured out before i get
> to
> deep into it. It's in php but only the swf menu at the
top is the
> consistent
> thing. the menu at the top will center. the background
and the sidebar
> will
> not. here is the code and a link so you can see what I'm
talking about.
> www.mmdup.com/newindex.php
>
> <!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>Untitled Document</title>
> <style type="text/css">
> 
> </style></head>
>
> <body><?php include("menuhead.html"); ?>
> <img src="images/bannerline.png" width="1000"
height="5" />
> <table width="191" height="533" border="0"
cellspacing="0">
> <tr>
> <td bgcolor="#779993"> </td>
> </tr>
> </table>
>
> </body>
> </html>
> Thanks for any advice.
>
>
>

I need help Centering a div box to a background image using dreamweaver cs5.5.

I need help Centering a div box to a background image using dreamweaver cs5.5. Everything shift left when viewing on different size monitors? See what I mean at
www.woodlandhospice.com

Have you looked at your page with images disabled?
I urge you to re-think this approach to web design because images of text are not indexed by search engines, screen readers or translators. Given the demographic group your site is targeting, you really need to ensure maximum web accessibility for all users.
Navigation, headings and descriptions all need to be in real text -- not images of text.
Ken is right. Absolute positioning is pure poison for such a simple layout. My advice is to start over with one of the pre-built Starter Pages in DW. Go to File > New > Blank page > HTML. Select a layout from the 3rd column and hit CREATE button.
Nancy O.

I need help exporting pages newsletters as single page PDF's or as a .jpeg for an online photo book.

need help exporting pages newsletters as single page PDF's or as a .jpeg for an online photo book.

No same idea: 1. Look 2. Try.
This is in Mavericks:
Peter

I am working on a program book in Pages...need help moving pages around...

I am working on a program book in Pages...need help moving pages around...

I think word procession mode but I used a magazine template to get started and then just kept adding blank pages to finish...I have done these before without any trouble moving the pages around...so very confused. Thanks for any assistance.

I need help using multiple content types in a wiki page library

I currently trying to used multiple custom content types based off of the wiki page content type in one wiki page library.
EDIT: "Allow management of content types" has been enabled with the designer
The way i would like this library to work is:
Click the "Files" tab in the ribbon
Click the "New Document" drop down menu
Select one of the content types (Client, Contact, Project)
SharePoint Will Ask for the Page Name and content type fields
Click create
Then it will take you to the new created page.
This issue I'm currently having is when i click on one of the options (Client, Contact, Project) it will ask for a page name then you have to check it in to get to the edit form. The edit form it then loads is the default content type and not the selected
content type.
So my questions are.
Is there any way i can combine the page name and edit steps together into one step?
How can I get the edit form to pull from the selected content type?
Thanks in advanced
James T.F

Wiki library isn't really designed for customizations... it's a "special" library that overrides a lot of default behavior... similar evidence can be found if you're trying to add metadata columns to wiki pages... they're just not really designed to handle
it very well.
Scott Brickey
MCTS, MCPD, MCITP
www.sbrickey.com
Strategic Data Systems - for all your SharePoint needs

Need help with Page Layout and Background Scaling

hello, everyone.
I am in the process of designing a new website for myself,
and while I was researching nicely designed pages to use as
inspiration, I stumbled upon this site:
http://www.jeffsarmiento.com/
obviously, the design is very impressive, but it also
incorporates a lot of web mechanics that I have been trying to
figure out, so I will use this page as an example.
one thing I need help with is backgrounds. as you can see in
the posted website, the creator used a seamlessly tiled paper
texture to display the bulk of his content on. also make not of the
pattern that is located to the left of the paper texture. how do I
create seamless backgrounds like this that will scale to fit any
amount of content or any resolution? I can't imagine that the guy
that made that site created a new size background every time he
made an update, so there has to be an easier way.
the second thing that I am having trouble with is general
site layout. I have read that most sites used series of invisible
tables to organize there content, but when I open the source of
this page in dreamweaver, he was using something different. div
tags? should I be using these? who do I use them? are there any
general layout tips that someone could pass on to me? perhaps a
link to a good tutorial?
please help me. i am very confused.
thanks so much.

IMO not a good site to emulate. To wit:
Top background image:
http://www.jeffsarmiento.com/images/bg-top.jpg;
745px
x 350px 137K
Main background image:
http://www.jeffsarmiento.com/images/bg-tile.jpg;
745px x 950px 130K
Total page size: 454K (Check here:
www.websiteoptimization.com)
Website usability experts routinely recommend a maximum page
size of ~80K
Check out the We We Scale @ www.FutureNowInc.com/wewe/ where
they suggest,
"You speak about yourself approximately 0,003 times as often
as you speak
about your customers. Might that have an impact on your
effectiveness?"
That is 100% consistent with the #1 Web Design mistake:
"Believing people
care about you and your web site." or to phrase more
expansively, "Our site
tries to tell you how wonderful we are as a company, but not
how we're going
to solve your problems."
www.sitepoint.com has some excellent books on making a
website actually
attractive and usable at the same time.
Walt
"beWILLdered_" <[email protected]> wrote in
message
news:[email protected]...
> hello, everyone.
> I am in the process of designing a new website for
myself, and while I was
> researching nicely designed pages to use as inspiration,
I stumbled upon
> this
> site:
>
http://www.jeffsarmiento.com/
> obviously, the design is very impressive, but it also
incorporates a lot
> of
> web mechanics that I have been trying to figure out, so
I will use this
> page as
> an example.
> one thing I need help with is backgrounds. as you can
see in the posted
> website, the creator used a seamlessly tiled paper
texture to display the
> bulk
> of his content on. also make not of the pattern that is
located to the
> left of
> the paper texture. how do I create seamless backgrounds
like this that
> will
> scale to fit any amount of content or any resolution? I
can't imagine that
> the
> guy that made that site created a new size background
every time he made
> an
> update, so there has to be an easier way.
> the second thing that I am having trouble with is
general site layout. I
> have
> read that most sites used series of invisible tables to
organize there
> content,
> but when I open the source of this page in dreamweaver,
he was using
> something
> different. div tags? should I be using these? who do I
use them? are there
> any
> general layout tips that someone could pass on to me?
perhaps a link to a
> good
> tutorial?
> please help me. i am very confused.
>
> thanks so much.
>

Need Help - Body page

Hello All,
I'm trying to hide Body Page 1 of my form - but somehow I'm not able to make this happen. I'm facing this problem for a couple days now and have tried several things unsuccessfully.
PLEASE HELP .....
Body Page 1 -> Flow Content - top to bottom
Place: on Master Page 1
After: Continue filling parent
Body page 2 -> Flow Content - top to bottom
Place: on Master Page 2
After: Continue filling parent
form1 - initialise event - formcalc - client
form1.BodyPage1.presence = "hidden"
This makes Body Page 1 hidden, but the master page 1 is still visible. What wrong am I doing? Please ...I need help with this.
Thanks for generous help
Vimukta

You cannot hide the first master page.

Centering page content

I have a site where my content (banner, navbar, content box, etc) is all fixed. When I preview and scale the browser window the background image (1366 x 768 no-repeat cover) will stretch but the content is fixed to the left. I would like all my content and divs to stay in the center when i stretch but I have so many divs inside divs that the usual method of setting the width to 90% and 5% on the left and right margins is difficult to achieve. Is there a way to place all my page content inside 1 div that i can keep centered?

I don't need to see everything. I just need to see one example HTML page with the corresponding CSS. 2 files shouldn't be any big deal to upload.
A less preferred 2nd option is for you to copy & paste your HTML & CSS code into this web forum using the advanced editor > Syntax highlighting > Plain. Do not use email for this, it won't come through.
Nancy O.

I need help centering a div!

Hi!
So i'm attempting to set up all the body content in my website so that it is always in the center of my webpage dispite the size of the browser. I had it going fine for a while, but then something happened and I lost it. What did I do wrong?
Help!!
Here is my complete code so far:
<!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>Untitled Document</title>
<style type="text/css">
body {
          background-image: url(images/images/images/images/baby_03.png);
#apDiv1 {
          position:absolute;
          width:202px;
          height:153px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:1;
          left: 41px;
          top: -1px;
#apDiv2 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:2;
          left: 480px;
          top: 148px;
#apDiv3 {
          position:absolute;
          width:200px;
          height:43px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:2;
          left: 254px;
          top: 2px;
#apDiv4 {
          position:absolute;
          width:200px;
          height:40px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:3;
          left: 285px;
          top: 2px;
#Layer1 #apDiv4 pre {
          font-family: helvetica;
          font-size: 18px;
          color: #EAEAEA;
#apDiv5 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:4;
          left: 588px;
          top: 135px;
#apDiv6 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:4;
          left: 539px;
          top: 80px;
#apDiv7 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:4;
          left: 537px;
          top: 62px;
#apDiv8 {
          position:absolute;
          width:549px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:4;
          left: 556px;
          top: 64px;
#apDiv9 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:5;
          left: 66px;
          top: 177px;
#menue {
          background-color:#2C2929;
          padding:1px;
          text-align:right;
          font-family:Arial, Helvetica, sans-serif;
body,td,th {
          font-size: 13px;
          font-family: Arial, Helvetica, sans-serif;
          color: #FFF;
          color: #FFFFFF;
#textone {
          font-family:Arial, Helvetica, sans-serif;
#Layer1 div #menue pre {
          font-family: Arial, Helvetica, sans-serif;
</style>
</head>
<div id="Layer1" style="margin-left:auto; margin-right:auto; width:938px; height:100%; z-index:1; layer-background-color: #9999FF; border: 1px none #000000;"><body text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="text-align:center; width: 938px;">
</div>
    <div id="menue">
      <pre>PORTFOLIO       RESUME       CONTACT</pre>
    </div>
    <img src="images/images/images/images/autumn_06.png" width="938" height="439" />
<div>
<table width="938" border="0" cellspacing="10px" cellpadding="0">
    <tr>
      <th scope="col"><p align="center">WHO I AM:</p>
      <p align="center">People often remark that I'm pretty lucky. Luck is only important in so far as getting the chance to sell yourself at the right moment. After that, you've got to have talent and know how to use it. - Fank Sinatra</p>
      <p align="center">Similar to Ol' Blue Eyes, I've got talent and I know how to use it. I'm an ambitious graphic designer from New York. I love design and am constantly learning more about this ever changing trade. I also dabble in scientific illustration and gardening.</p></th>
      <th scope="col"><p align="center">WHAT I DO:</p>
      <p align="center">I'm knowledgeable in Adobe Photoshop, Illustrator, InDesign, Dreamweaver, and Flash. I create print material, design logos, and build websites that stand out amoungst the rest. Currently an intern at Flourish Design Studio and a student a Marywood University, I have developed this site in order to showcase my work for future employers.</p>
      <p align="center">Some examples of my work can be found here.</p>
      <p align="center"><th scope="col"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 30000,
width: 250,
height: 300,
theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#0a8082'
features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
}).render().setUser('SaraLynnLuciano').start();
</script></th></p></th>
    </tr>
</table>
</div>
</div>
</body>
</html>

APDivs, oh my! I don't recommend building primary layouts with APDivs. In the long-run you will regret it. Here's why:
http://apptools.com/examples/pagelayout101.php
That said, wrap your content inside a #wrapper division that has a stated width in pixels, a margin-left and margin-right of auto, AND position:relative to contain those pesky APDivs.
CSS:
#wrapper {
position:relative;
width: 990px;
margin:0 auto;
HTML:
<body>
     
     <div id="wrapper>
          your page content goes here.....
     </div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Need Help for Page Design Technique: Level 0 Record and Level 1 Record

Folks,
Hello. I am developing HR system for a client. I design a page for "Position Information" as follows:
Level 0 record fields:
Position Number: 01
Status: Open
Because many people are in this position, level 1 record is a scroll area containing many rows belong to this Position Number as follows:
Level 1 record fields:
Profile ID: 001 effective date: xx/xx/xxxx
Profile ID: 002 effective date: xx/xx/xxxx
After save the page into Database, the data in Level 1 record table doesn't match the data in Level 0 record table.
No way to identify the rows of data in Level 1 record table belong to a specific row of data in Level 0 record table.
I need help to design the Database, that is 2 tables: many rows in second table belong to one row in first table.
Can any folks give some idea to design such a Database so that save the Page correctly ?

Table 2 should have all the key fields from Table 1, followed by atleast one more key of its own.
Subhash

Need help with displaying content on multiple pages

Hi I'm kind of a dreamweaver newbie and i'm a little in over
my head. I'm trying to design a web site with the same content
appearing on multiple pages. Here's the current site...
http://home.comcast.net/~gascec/cecnh20/index.html
I'm trying to establish the top bar and side bars of links
and the logo on each page from one point so i don't have to change
forty pages if i update a link.
I know there's a way to do this and i thought it was using a
CSS page but i can't figure it out and i'm running out of time.
Help

Got it. Thank you. I'm having one other problem though. I
keep getting this bizare message every time i save or try to use
the template:
The is an error at line 41 column 7 (absolute position 2486)
of "~pathandfilename.dwt": Nested editable regions
The only thing at line 41 is the <body> tag. I took all
the formating out to try to trim this out... any thoughts about
this one.
Thanks G

Need help centering DIV in CSS

Hi- I had a "coming to jesus" last night regarding my website. I've been out of the professional web design world for about 7 years. I'm getting back in it. I used to design in tables and after some reading, I know I need to design in DIV. My problem is I do not know how to get my main section centered on the page.
I did a sketch up of what I want in layout terms.
Any suggestions on how to center a 980px div?
Here's a link to my current page with table layout.
http://www.prodentite.com/patient_edu/index.htm
Any help is appreciated.

This is a very common question, so an article has been published in the Dreamweaver FAQ
Centering a page:
http://forums.adobe.com/thread/454036
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

I need help centering my images.

Hi,
I am very new to DreamWeaver and have been teaching myself
for the past week. I am building my own small website for my
portoflio and can not figure out how to auto center my website.
When I center one image the other images are in the wrong spots. I
want everything to center itself based on how big the browser is
open. Please someone help me!!!!! It's very hard to explain what I
am trying to do.. I have 3 layers in my page and they are
overlapping. I dont want each of them auto centered by
themselves,,, I want them all centered as a whole. Do I have to
select them all then center them somehow? I have tried everything
and now I am forced to ask for help!!
here is a screenshot
http://img.photobucket.com/albums/v179/smagicpie/Picture1.png

It would work exactly the way you want if you did what I
suggested. As far
as I can tell, there is no change to the code at the link you
give below.
Using layers to build your pages is what has gotten you into
this mess.
It's not a best practice by any means....
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
==================
"smagicpie" <[email protected]> wrote in
message
news:fo5dl0$j94$[email protected]..
> This isn't working. It is centering the links like you
would center text.
> I
> just need all these layers to center as a whole in the
page. I dont want
> anything else to change. Is there anyway to select all
layers and center
> them?
> Here is a screenshot showing the layers. The links are
in a table within a
> layer.
http://img.photobucket.com/albums/v179/smagicpie/Picture1.png
> www.alisonleahwalker.com
>

Need Help Centering Page Content

Similar Messages

Maybe you are looking for