dream weaver training - Centralising a page

The UK's most regular instructor-led training courses.
Training information: dream weaver training · Dreamweaver training · Adobe dreamweaver training

Resolved · Low Priority · Version Standard

Centralising a page

Sara has attended:
Dreamweaver 8 Introduction course
Dreamweaver 8 Intermediate course

by - delegate Sara [9 posts] (2007 Jan 16 Tue, 19:22) Reply

How can you get a page to appear in the middle of your screen as a fixed size panel? e.g. http://www.guildfordymca.org.uk/

Thanks

Sara

Version	Date	Location	Places available	Book	Next place rate:
Dreamweaver CS3 2 day course
Version	Date	Location	Places available	Book	Card	Invoice
CS3	2009 Jan 15 Thu + 16 Fri	Bloomsbury	5	book now	£495	£495
CS3	2009 Feb 12 Thu + 13 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Mar 12 Thu + 13 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Apr 16 Thu + 17 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 May 14 Thu + 15 Fri	Bloomsbury	8	book now	£395	£415
CS3	2009 Jun 11 Thu + 12 Fri	Bloomsbury	8	book now	£395	£415
Full Schedule: See all 11 Dreamweaver CS3 course dates. Bookings currently available until 12th November 2009.

Using table to centre your content on a web page

by - trainer Rich platinum contributer [744 posts] (2007 Jan 17 Wed, 12:12) Reply

Hi Sara,

The most common method to achieve this is put all of your content into a single celled table. Then set the table properties to be aligned to the centre and a certain width (eg. 700px) or percentage (eg. 70%).

You may notice the code for the web site you pasted looks like this:
<table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
They have also turned off borders etc. so the visitor can't see that tables are used for the layout. To see a web page's code, in IE7 go to Page -> view source. In Firefox go to View -> Page source.

However, you may like to use the new CSS method, which is to put everything in a container (or DIV) which has similar centred and fixed/percentage width properties.

I hope this helps. Let me know if you achieve the result you're after.

Regards, Rich

· Macromedia Dreamweaver Vs Microsoft FrontPage
· Learn How to Build Complete Websites in Three Days
· Powerhouse Tips from Dreamweaver Training
· Six Reasons to Outsource Dream Weaver Training
· Which Is Best: Training Dreamweaver Personnel Or Contracting for Web Design?

Dreamweaver tip:

JumpMenu in new window

When inserting a jumpmenu to a page, the only option available for 'open in' is usually 'main window'. There would be other options available if the page was a frameset.

To change the jumpmenu to open in a new window, change the target parameter of the selectbox in your code to 'window.open()'.

eg.
<select name="menu1" onChange="MM_jumpMenu('window.open()',this,0)">

source:
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_16166&sliceId=1

View all Dreamweaver hints and tips

Rate this page: