Centering intro page help

Hi Guys
Im justnew and learning DW CS4 (or any DW for that matter). Anyway, I am redoing my website and have put up the introduction page for our website and also one link form the weddings picture to the home page i have started. My question is that the home page seems to be showing as centred in the browsers / monitor on different monitors but the intro page with the 4 pics is ok on my monitor but on different monitor the pics are off to the right.
Site here
http://www.stretchyourimagination.com.au/test/
I inserted the pics in the design view of DW by using AP Div tag and inserting the pic inside that which enabled me to move them around the page and snap to grids etc. All four are in seperate AP Div tags but to get them to show as centred in my monitor i had to push them to the right in the design view. Now it seems they show up centred on my monitor bu t not on other monitors.
Any help would be appreciated.Cheers
Chris

chrisg_75 wrote:
Thank you nadia for your response. I appreciate it very much.
You're welcome - hope it's helpful :-)
ANy further help or advice on locating items where you need them would be appreciated
The best advice I can give you is to learn html and css. Once you have a good understanding of the underlying language, Dreamweaver will be a snap to use.. if you don't, then well.... :-)
You need to learn how to use containers to hold your content - and definitely not AP divs.. what happens, is that these divs get taken out of the flow of the page, so that everything on the page will move but the AP divs stay in the exact position they are given (left / top). (all explained in the link I provided earlier).
These may help - beginner tutorials that should get you off to a good start with css layouts:
http://www.adobe.com/devnet/dreamweaver/?navID=gettingstarted
http://reference.sitepoint.com/css
http://www.w3schools.com/
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
http://css.maxdesign.com.au/floatutorial/index.htm
# 8 is a good one here
LIST OF CSS TUTORIALS:
http://www.adobe.com/devnet/dreamweaver/css.html
Also learn to validate your pages as you go - it's useful for picking up errors that can be fixed before they become big problems.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
FREE HTML & CSS Tutorials - http://w3schools.com/
Hopefully you are also using Firefox to preview your pages and don't just rely on IExplorer :-)
there is a web develper toolbar available for Firefox and one of the options is to validate your pages locally:
http://chrispederick.com/work/web-developer/
Good luck
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap

Similar Messages

HELP!!! Flash Intro Page Like Sony Ericsson's!

I have been trying to get my head around how the phone intro page for sony ericsson was created.
http://www.sonyericsson.com/cws/cws/home?cc=us&lc=en
Has anyone gotten any idea?
Thank you.

Hi,
That's a very nice effect. I guess you could do that kind of thing using a 3d library like Papervision3D or Alternativa with a tweening library like Tweener. TweenLite or gTween.
Cheers,
Rui

Centering a page in Dreamweaver CS6 Fluid grid

Centering a page in Dreamweaver CS6 Fluid grid.
I figured this would be an easy task and have saved it to last. After watching videos, scanning the web and this forum I have found many answers but none of them seem to work in CS6. I currently have an extra 1-2% margin on the left to get the page closer to the middle but this doesn't work well with all screen sizes and its still not in the middle.
Page can be found here
Any advice would be greatly appreciated!

It looks like you've nested the rest of content within your #header DIV. And header div's width is 94.4% - this results in everything on the site have a ~5% margin on right.
You may want to fix this first to see if it helps you with the result you intend to get. If not, do post back.

Centering my page in the browser

Hi,
I am designing a website using css, is there a way of centering a page vertically? I have set my left and right margins to auto so the page sits in the middle of the browser window horizontally, but is there a way of doing this vertically too?
Thanks in advance,
Andy

I have never seen a need to do that so I havn't tried it myself but maybe this will help get you in the right direction:
http://tom.me.uk/html-to-css/center-vertically.html
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
Brad Lawryk
Adobe Community Professional: Dreamweaver
Northern British Columbia Adobe Usergroup: Manager
Thompson Rivers University: Dreamweaver Instructor
My Adobe Blog: http://blog.lawryk.com

Flash movie on intro page

I have a flash movie to put on an intro page to the site.
What steps do I have to do to get the home page to load as soon as
the flash movie is finished? Thanks.

There's always checking out the help files that come with
Flash ;-)
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html
- CSS Tutorials
"projectinfo" <[email protected]> wrote in
message
news:e2j8od$a71$[email protected]..
> Sorry about that, but the reply didn't have enough steps
for me - here's
> what
> it said "You have to add scripting to the final frame of
the flash movie."
> Could you please give me some steps on how to do that,
or where I could go
> to
> get that information. Thanks!
>

Dreamweaver 8 - Issues centering web page

I recently started my own business and am on a budget so decided to design the web page myselt with Photoshop and Dreamweaver 8. It went well except for the fact that my page won't center itself on screens, and b/c I created it on a display that is 1920x1080 I don't have good results on smaller screens. I used layers, and can't convert to tables b/c of the overlapping layers I have. I treid recreating the whole page again and not using overlapping layers, but once I converted to tables and viewed in browser I found that my buttons were moved all around. I'm really having a difficult time with this and have spend the last two days trying various fixes with no luck...Any help would be apprecitated - the site is up and here is the link www.digitalrootsstudio.com
Thanks in advance

digitalroots wrote:
So I would put the above text right after the body tag on top of html? Do I need to put the above code again at the end of the html, or only on top?
Yes.
<div id="container">
Then all your absolutely positioned layers go here
</div><! close the container-->
below is a simple example of absolute layers inside a relatively positioned container <div>. Note how the absolutely positioned layers move when you re-size the browser viewport window.
I stress using absolutely positioned layers is NOT a good solution to be using but it may be the only solution if you know little about website construction.
<!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">
#container {
    position: relative;
    width: 800px;
    margin: 0 auto; /*this centers the page */
#one {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 150px;
    height: 150px;
    background-color:#CF3;
#two {
    position: absolute;
    top: 100px;
    left: 150px;
    width: 150px;
    height: 150px;
    background-color:#39F;
</style>
</head>
<body>
<div id="container">
<div id="one">Absolute layer one</div>
<div id="two">Absolute layer two</div>
</div>
</body>
</html>

Indesign keeps centering the page on screen - ID9.2 BUG?

Hi, a little help from the Adobe please...
Over the last week or so we have noticed that the latest version of InDesign CC (9.2) has a page viewing bug. Or at least it's a bug for us here. Adobe might have added it as a feature, but to us it's a bug.
Not all the time, but about 95% of the time, InDesign is centering the page in the open window when you click in a text box, when you swap between open windows (cmd & ~) and when you press tab and you don't have a text box selected.
To explain the annoyance: When we are viewing a double page spread, we click into text boxes on both pages to edit text and InDesign automatically centers one of the pages on the screen. This is not always the page that you are working on. This is a pain as the text box you have just clicked in to edit may now be outside of the viewable window and you then need to scroll over to see that portion of the page.
On top of this the bug is playing havoc with our eyes as it keeps shifting the pages, sometimes by about an inch and suddenly where you were looking is no longer there, it's moved an inch. Grrrrrr.
We are running Mac OSX 10.8.5, InDesign CC 9.2, dual monitor setups, Wacom Intuos 5 tablets (not mice). We cannot use Application Frame as we are running Apple 23" screens and have all our pallettes on the 2nd screen so that we can see a full A4 page at 100% on the main monitor. We have had these hardware setups for the last 3 years+ and this bug has only reared it's head in the last week... hence we think it's in ID 9.2.
Does anyone know what this is and whether it is a new setting Adobe have introdcued that needs to be switched off somewhere?
Manyn thanks,
Tom Grzelinski

quite amazing - after about 3 hours "cleaning", my MAC catalogue has gone from 4.5GB, to 600MB. And (touch wood) it seems to "work" again now. From that info, theres a couple of decent artcles on the net-
http://blog.gilbertconsulting.com/2010/07/idml-is-new-inx.html
http://blog.gilbertconsulting.com/2009/02/how-to-fix-corrupt-indesign-file.html

How can I make a intro page for my website, then after the intro has run make the page automatically change to my we site home screen

how can I make a intro page for my website, then after the intro has run make the page automatically change to my website's home screen

You can do this using a meta refresh but the problem is you have to add it to the html file for the page very time you publish changes.
A better way is to create a splash page and upload it to the server outside of the folder produced by iWeb. Example HERE.
The meta refresh is added to the head section of the html file...
<meta http-equiv="refresh" content="32;url=http://www.domain.about.com/Page-Name.html">
The delay time in seconds is marked in blue and the URL to the redirect page is in red.

How to place a single photo, centered on page in iPhoto book layout, without it filling entire page layout?

how to place a single photo, centered on page, in and iPhoto book layout?

unless you can find a page layout like that you can not - you can create a custom page in Pages or word or other program and use it - Old Toad rebularry posts instructions as well as links to the tools necessary to to it
LN

Pages help won't display topics

I don't know what's going on. I've shut down and restarted several times.
If I try to access Help from Pages, and choose Pages Help, the Help Center comes up. I enter a search term or two, and it will display a bunch of titles of topics.
No matter how I try to click or select any topic, it will NOT display the actual topic, so that I can find out how to do the thing I'm trying to look up.
(Running on Macbook Pro, early 2011, Mountain Lion. App store app claims everything is up to date)

TG,
You might be better off forgetting about the Help topics and using the Pages User Guide PDF. Download it from the Help menu and then save it to your HD for future use.
Jerry

Pages Help search

When I open Pages Help, I can get all the information in it, if I know where to look, or search through the table of contents. But when I type a phrase or question in the question box at the top right of the Help window, I get the spinning cursor indicating it is searching, but it keeps on searching until I close the Help window, and never finds anything. The same problem holds true also in Numbers and Keynote.

The problem isn't with my Internet connection; I haven't had any problems with accessing my usual sites through Firefox. I followed your suggestion to download the UserGuides, and I probably need to read through all of them when I have the time, as I have recently converted to iWork after using Microsoft Word and Excel for 20 years. I may just go to those when I need help and ignore the Help menu in each application.

When i type a search term in the URL box, the result is returned on an AOL Search page; I want a Google search page - help....

When i type a search term in the URL box, the result is returned on an AOL Search page; I want a Google search page - help....

In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see [[How do I create a screenshot of my problem?]]
Once you've done this, attach the saved screenshot file to your forum post by clicking the '''Browse...''' button below the ''Post your reply'' box. This will help us to visualize the problem.
Thank you!

Creating a timed intro page

Is it possible in dreamweaver to create a web page with a
timer limit on it? Basically, I have a website, but I would like to
create page, that when you enter a URL, it will go to this intro
page, and then jump to the website after a certain time, or when
you click on skip.
Is this possible? I'm using Dreamweaver 8
Thanks

Google may well frown on this idea.
But you could you a meta refresh. google (note the irony)
those
keywords to learn more.
E. Michael Brandt
www.divaHTML.com
divaGPS | divaFAQ
www.valleywebdesigns.com
JustSo PictureWindow
kidbrooke2 wrote:
> Is it possible in dreamweaver to create a web page with
a timer limit on it?
> Basically, I have a website, but I would like to create
page, that when you
> enter a URL, it will go to this intro page, and then
jump to the website after
> a certain time, or when you click on skip.
>
> Is this possible? I'm using Dreamweaver 8
>
> Thanks
>

Creating an intro page/banner message before getting to my homepage

I want to create intro page (or banner message) that stays on screen for a few seconds before we get to my homepage. It would be great if this page didn't show in the menu bar too. I'd be really grateful if someone could tell me how to do this (without having to use flash or other software).

Welcome to the Apple Discussions. That can be done. First you need to set up the first page in the web site and add the banner to it. Using the Inspector/Page/Page pane remove the page from the navbar.
After publishing the site you will need to retrieve that page's html file and add the following code to the file using a text editor like TextWrangler:
<meta http-equiv="REFRESH" content="10;url=URL TO THE PAGE IN THE SITE YOU WANT TO REDIRECT TO"></head>
Put this code directly before the </head> tag as shown above. 10 is the number of seconds to delay before redirecting to the next page. You'll need to experiment to see how many seconds are required to load and play your banner before redirecting. You should also provide a text hyperlink for those who do not want to wait for the banner to play fully.
As for the banner you could create a slideshow in iPhoto (using the 16:9 format might look better than the standard 4:3 but you would have to try both and see which works better), export using the File->Export->Slideshow method and then select Medium or large. When you drag the QT file onto the iWeb page select it, go to the Inspector/Quicktime pane and check autoplay.
OT

Skip intro page cookie for 24 hours

Hi - does anyone have a javascript I can put on an "intro"
page that if someone has seen the flash intro page, it
automatically skips to the homepage if the viewer hasn't visited
the site over a certain amount of time 24 hours.. 7 days, etc?
Thank you - Eric

likely candidates here
http://www.google.com/search?hl=en&ie=ISO-8859-1&q=splash+page+javascript+co
okie
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Centering intro page help

Similar Messages

Maybe you are looking for