positioning pictures and text
Microsoft Office TrainingThe UK's Number 1 for Microsoft Office Training Sitemap add this page to your favourites/bookmarksBookmark page
 
view a printable version of this pagePrintable version
Plus One Google
Customer: Sign in
Delegate: Sign in
Trainer: Log in

Forum home » Delegate support and help forum » Dreamweaver Training and help » Positioning Pictures and Text

Positioning Pictures and Text

resolvedResolved · Urgent Priority · Version CS3

replyReplyMon 19 May 2008, 14:14Delegate Gian said...

Positioning Pictures and Text

Hi

I started building my first real website yesterday which I am trying to get online tonight. I am having trouble in putting all of the pictures in the right places and then having the text aligned properly.

I have used tables which let me position the picture in a certain place but then the text affects the position (ie if I align the picture left and then type in the table it pushes it to the right).

Is there any way of putting a picture exactly where I want it on the page and to be able to move it around (ie how you do it on Word and Powerpoint, by moving it on the page with the crosshairs symbol and just dragging it to where you want it) and then to put the text wherever I want it to be on the page, without having to use a load of tables?

many thanks

Gian Luca

For upcoming training course dates see: Pricing & availability

replyReplyWed 21 May 2008, 09:27Trainer Rich said...

RE: Positioning Pictures and Text

Hi Gian,

Yes, you can do this. What you do, is insert a 'layer' into your web page, and then insert your picture into the layer. If you make the layer absolute positioning (see the properties panel when your layer is selected) you will be able to position your layer at the exact X,Y coordinate of your choosing.

Be aware though, that a web page behaves differently to Word or Powerpoint, because people view pages on their own computer, using their own browser. It's not standardised like Word or Powerpoint. If they resize their window, the text wrapping may be different, or your image may be too far to the right on their screen, and they may need to scroll to the right to view it.

You should design your page so it's flexible, and will resize accordingly when the user resizes their browser window. And usually this means letting the text wrap however it chooses.

Rather than use tables to layout your page, you may be interested in searching for 'CSS layout' in google to discover new ways of laying out your page. Your web pages will load much faster as a result (less code), and you will have a lot more flexibility to change your layout in the future.

CSS layout allows you to create many 'DIVs' with content (separate your content into sections). Then you apply a CSS (style sheet) file to your page which controls the layout of all the elements, as well as colours, borders, margins, padding etc.

Try this to get started:
http://www.glish.com/css/

And also have a look at the interesting experiment at http://www.csszengarden.com where different CSS designers and artists can control the look and feel of the same web page, just by adjusting the CSS file.

Hope this helps.

Good luck, and we look forward to answering any more questions you may have.

Regards, Rich

 

 

Please browse our web site to find out more about
dreamweaver-course and other Microsoft training courses.

Dreamweaver tip:

Viewing you page in the browser

If you are working in design view you can quicky preview your webpage by pressing the F12 key

View all Dreamweaver hints and tips

forum postWhy do tables jump around and become out of line when viewed in browser?

» Forum post: Table


Rate this page:
2.2/5 (213 votes cast)
Accredited Training Provider: Institute of IT Training Institute of Leadership and Management - Certified Courses
Microsoft Certified Partner
Security Seal verified by visa, mastercard securecard

Mini sitemap. These are the main areas of our web site. Full sitemap.

Management training

Professional Skills courses
Project Management Course London
Project Management Courses London
Project Management Training London
Project Management Training
Project Seminar
Project Seminars
Time Management Course London
Time Management London
Time Management Courses London
Time Management Training London
Introduction to Finance course
Assertiveness Skills course
Effective Communications Skills training
Presentation Skills London

Training Formats

Public scheduled courses
On-site training
Closed company courses

Consultancy
Application Development

Blogs

Excel Training
MS Project Training
Microsoft Training Blog

Version differences

Office 2010 vs 2007
MS Project version differences

Training Information

London Computer Training
Computer Training London
Docklands Training Courses
Docklands Training London

Training venues London
Client list
FAQ
Pricing and availability
Course details / Syllabus

Training Articles
Training Information

Microsoft training

Microsoft Office training
& IT Applications

Microsoft Project training
Microsoft Outlook training
Microsoft Powerpoint training
Microsoft Word training
MS Project courses
MS Project training
Outlook courses
PowerPoint courses
PowerPoint training
VBA courses
Word courses
Microsoft.training
(more...)

Excel Training

Excel courses
Excel Training Courses Medway
Autonumber in Excel
Microsoft Excel training
Basic Excel Courses
Basic Excel Course
Basic Excel Training

Interested in MS Access training?

Access courses
Microsoft Access training
Microsoft access courses
Microsoft training access course
Microsoft+access+training
Access courses in london

Training provider

Training providers
IT training companies
IT training providers
Management Training providers
Management Training provider

Event history, feedback results
Events in 2012 · 2011 · 2010 · More

See also

Crystal Reports training