Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Thread Tools Display Modes
Old 03-16-2014, 10:26 AM   #1
Join Date: Mar 2014
Posts: 1
Default Help, perfect alignment images and resizing browser window

Hi all, I am a beginner and I have a problem with Dreamweaver CS5.
I would like to build a page where different overlapping images become smaller when I resize the browser window AND at the same time they are still *perfectly aligned*.
I tried and tried using different settings but the best I could do is this example:
The yellow square is *almost* always inside the white box and *almost* always with the same proportions of the red square when I resize the browser window.
How can I maintain a *perfect* alignment and proportions between the images? Between the yellow and red box? Is it possible?
The setting I used:

width: 100%
height: auto %
width: 12%
height: auto %
padding top: 9%
padding left: 26%
Position: absolute
z-index: 9999

Thank you very much indeed for the help and I apologize for my English, itís not my first language.
Rongorongo is offline   Reply With Quote
Old 03-20-2014, 09:07 PM   #2
Ricky55's Avatar
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855

Not sure I understand what you are trying to achieve.

Could you draw out what you mean and I'm sure I'll be able to do it.

Qwerty Design

Check out my blog for web design insights.
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 04:13 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com