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">
<!--
body {
text-align:center;
background-image: url(images/mmdcombkg.jpg);
background-color: #000000;
background-repeat: no-repeat;
margin-top: 0px;
width:800;
margin-left: auto;
margin-right:auto;
background-position: auto;
text-align: center;
-->
</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">
<!--
body {
background-image: url(images/mmdcombkg.jpg);
background-color: #000000;
background-repeat: no-repeat;
margin-top: 20px;
#wrapper {
width:1000px;
margin:0 auto;
background-color:#CCC;
#main {
width:1000px;
height:500px;
background-color:#CCC;
-->
</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">
> <!--
> body {
> text-align:center;
> background-image: url(images/mmdcombkg.jpg);
> background-color: #000000;
> background-repeat: no-repeat;
> margin-top: 0px;
> width:800;
> margin-left: auto;
> margin-right:auto;
> background-position: auto;
> text-align: center;
> }
> -->
> </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.
>
>
>
Similar Messages
-
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; -
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 -
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.comHave 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. -
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 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.
-
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 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 -
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
VimuktaYou cannot hide the first master page.
-
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.pngIt 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 debugging page in IE8
The site in question works great on every browser except IE8. There is a div underneath the blue logo on the left hand side of the page that fades in with some copy. It is driven by a simple embedded script. However, I cannot figure out why it is not working in IE8. It just will not show up. I have tried multiple things and at this point I dont care if the fade in works, I just want the side text to appear on the left hand side of the page underneath the logo without having to reformat the page. I tried removing the javascript altogether and and removing the "Display: none" funtion from each div so they would be visible, but they are still not showing up. What gives?
The div that it being called by the javascript code is #wrapper_content_home, by which it contains three other divs within it that fade-in when the script is fired (#pageTitle, #solidDivider, #sideContent).
I am currently using VirtualBox to test and have it configured to Windows XP 32 bit using IE8.
Can anyone tell me what's wrong with my code or what I need to do to fix this issue? Could it be a Doctype declaration issue? At this point, I have no idea. Thanks in advance for any help with this!
Here is a link to the page in question: http://fountainplace.com/team/
Here is a JS Fiddle I set up for debugging (view my code): http://jsfiddle.net/FAzaD/2/>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 with page display URGENTLY!!!
Hey,
I'm trying to start up my new iPod nano. I've got the songs for it, but the page won't display all the way. Where it says the licence of agreement it won't show the o.k. button and before that it doesn't say the register button either. It doesn't do this on my internet. Or on anything else. So now I can't put anything on my iPod because I can't get it started up.
Please help! I really need to put some songs on my new iPod!!!!
Please and thank you.
xKeegaNxTry increasing the resolution of your computer's screen (right-click on the desktop -> Properties - Settings; you want 1024x768 or higher) and perhaps then you'll be able to see all the buttons and controls in iTunes.
-
Need help with PAGES in the document file will not open
Hi if anyone can help me I woud appreciate it-
I downlaoded awhile back the new software X and eveything was fine till I tried to open some documents (pages) and it will NOT OPEN a window pops up a newer version is available but when I go in there are NO UPDATES and I really do not think I need to buy a newer version do I?
Please HelpWhen you installed the latest version of Pages (and other iWork apps), the older versions were saved in a folder named "iWorks '09" in the Applications folder. You're trying to open a document that was saved in Pages 5 or in Pages for iOS using the older version of Pages. What you probably need to do is remove the Dock icon and drag Pages 5 into the Dock.
-
Need Help Centering Thumbnails!
Question #1
Hi, on my web page the thumbnals are not centered in the page but go to the left. In Dreamweaver I've turned on outlines so you can see that the thumbnails are not centered. I am trying to vertically and horizontally center my thumbnails in the div. (see image) I need to know which CSS Rule controls the centering of the thumbnails?
http://www3.telus.net/~jessum/PAGES/visual_light_box.html
Question #2
A second question. I am using Visual Lightbox for my thumbnail gallery but in the interface there is no setting to add space between the thumbnails or to center the thumbnails on the page. So every time I upload my gallery the thumbnails are really close together and they go to the left and are not centered.
It's frustrting to have to constantly edit the CSS and add space between the thumbnails every time I upload the gallery. Is there a solution to fix this so I can upload my gallery and the spacing and position of the thumbnails will be the same?
I just wish there was a simple gallery solution but I haven't seen one yet. Hmmm.Also I wish there was a way to preview the page in a browser without having to save the page every time. If I make some changes and they are not correct then I have to save the page and I've messed it all up. In Golive you could preview the page without saving it and it made it a lot easier to just undo or close the page an reopen it. Do you know why you can't make some changes then preview the page in a browser without saving it?
Edit > Preferences > Preview in Browser
http://forums.adobe.com/thread/795084
There are 2 ways you can do a preview in browser (according to your preferences settings):
1. Preview using temp files
2. Preview not using temp files
If you are using method 2, then each time you preview, the last saved version of the file will be loaded by the browser for the preview. Thus, to see your latest changes, you just have to SAVE the file.
If you are using method 1, then each time you preview, a temporary file is built by DW from the current page, and that temporary file is what is previewed in the browser. Each time you preview a page, a NEW temporary file is created.
With method 1, you have to save the page before you can preview. With method 2, you do not have the save the page before you can preview.
Maybe you are looking for
-
Problems in Fundamental Design of V3 Process.
HI In this forum some one discussed on V1 V2 AND V3, but I have some questions. In There Discussion, They mentioned that there is some Problems in Fundamental Design of V3 Process. Like 1. If there are multiple app servers in Different time zone,
-
Why is the apple website no longer selling the original MacBook as of this month?
Just as I am about to purchase a Macbook (not Pro, not Air-- the original 13" which I think is more practical and reasonably priced), Apple removed it from the site! Can I still find it in their retail stores?
-
Only 90% of Contacts synced to iPhone
I recently got my new iPhone and started then to add my Contacts to the Addressbook on my MacBook. My issue is that iTunes syncs only 48 of my 57 Contacts from the Addressbook to my iPhone. Can anyone help? thanks Bruno
-
Aperture+Slow Generation Of Previews
Hello All, I'm wondering if anyone can offer any suggestions regarding Very slow preview rendering ? I have a DP G5 with 1.5 G Ram. I imported 1100 Jegs from my Canon Mark II, I have the preview size set to fit between 1920 * 1929 pixels and a qualit
-
How to read PDF files which are made using LiveCycle in VS
Hello, I make some pdf templates using LiveCycle. I want to get the value correspond to the field name of PDF files. For example, I create the text field which is named "Employee ID". and then i wanna get the value using "Employee ID" in VS, especial