Be Kind! I'm a newbie and really not a web master, but doing my best to develope my own site www.newhorizonsaviation.net

If you click on the above site (I hid this til I get it right) and click on the reference tab (upper right) you will then find a link on the nav section to Safety Spotlight Series. Click on the link and you'll find my problem.

All of my pages (CSS) have been formatted to look similar. When I embedded the youtube active X control, I can no longer support text to the right of the image, as in every other page on the site.

Can anyone tell me what I am doing wrong?

It works good in FireFox but not IE. Just make a table right there and divide it into two columns. Put the youtube video in the left and your text in the right.

Thank you so much for the advice Clarence.

It does cause another problem, but perhaps the fix is here as well.

My site doesn't do well going from computer to computer. Resolution changes cause text to jump around on different peoples set ups.

On my screen it looks fantastic, go somewhere else and the pictures are huge, the text squished. I tried to find a way to set it up using percentages of screen size, but couldn't find that option in dreamweaver.

To the point - will the tables allow me to keep my image as I laid it out, in other words will they shrink the content to fit individual screens?

Thanks again

Originally Posted by HorizonsDave

To the point - will the tables allow me to keep my image as I laid it out, in other words will they shrink the content to fit individual screens?

Thanks again

Your layout is a liquid layout (based on percentages) so it will vary from screen to screen. If you're adamant on a fixed and consistent look then I would suggest that you go for a fixed width layout; standard size ranging from 950-990pixels which will mean that no matter the resolution (1024 and above) - it will look the same.

My personal preference is fixed layouts however websites such as this forum are better suited to its liquid form and I think your website looks good on my 1280 x 1024 resolution.


FYI, to make it a fixed width; change the value in your CSS file to 980px

#masthead{
    position: absolute;
    top: 0px;
    left: 2%;
    right: 2%;
    width:95.6%;

Now to fix your first problem, you need to open up that page and you'll see that you have set the width of the table at "1135" which is beyond a safety margin. change the value to 100% or less so it will be contained within your layout

<table width="1135" height="400" border="1" cellpadding="10" cellspacing="0">

Also, on your safety page you have linked to a document on your local computer and not server

<img alt="" src="file:///C|/Program%20Files%20(x86)/Macromedia/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="file:///C|/Program%20Files%20(x86)/Macromedia/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/tr_curve_white.gif" height="6" width="6" id="tr" />

Originally Posted by JSTYLISH

Your layout is a liquid layout (based on percentages) so it will vary from screen to screen. If you're adamant on a fixed and consistent look then I would suggest that you go for a fixed width layout; standard size ranging from 950-990pixels which will mean that no matter the resolution (1024 and above) - it will look the same.

My personal preference is fixed layouts however websites such as this forum are better suited to its liquid form and I think your website looks good on my 1280 x 1024 resolution.


FYI, to make it a fixed width; change the value in your CSS file to 980px

#masthead{
    position: absolute;
    top: 0px;
    left: 2%;
    right: 2%;
    width:95.6%;

Now to fix your first problem, you need to open up that page and you'll see that you have set the width of the table at "1135" which is beyond a safety margin. change the value to 100% or less so it will be contained within your layout

<table width="1135" height="400" border="1" cellpadding="10" cellspacing="0">

Also, on your safety page you have linked to a document on your local computer and not server

<img alt="" src="file:///C|/Program%20Files%20(x86)/Macromedia/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="file:///C|/Program%20Files%20(x86)/Macromedia/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/tr_curve_white.gif" height="6" width="6" id="tr" />

+1 thanks for sharing the step by step instructions and for the screenshots.. Great help!

Originally Posted by JSTYLISH

Your layout is a liquid layout (based on percentages) so it will vary from screen to screen. If you're adamant on a fixed and consistent look then I would suggest that you go for a fixed width layout; standard size ranging from 950-990pixels which will mean that no matter the resolution (1024 and above) - it will look the same.

My personal preference is fixed layouts however websites such as this forum are better suited to its liquid form and I think your website looks good on my 1280 x 1024 resolution.


FYI, to make it a fixed width; change the value in your CSS file to 980px

#masthead{
    position: absolute;
    top: 0px;
    left: 2%;
    right: 2%;
    width:95.6%;

Now to fix your first problem, you need to open up that page and you'll see that you have set the width of the table at "1135" which is beyond a safety margin. change the value to 100% or less so it will be contained within your layout

<table width="1135" height="400" border="1" cellpadding="10" cellspacing="0">

Also, on your safety page you have linked to a document on your local computer and not server

<img alt="" src="file:///C|/Program%20Files%20(x86)/Macromedia/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="file:///C|/Program%20Files%20(x86)/Macromedia/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/images/tr_curve_white.gif" height="6" width="6" id="tr" />

The step by step instruction has been very helpful. Added with the screen shot, it has become more graphical and easier to follow. Thanks for the information.

Yes, you can set the tables to be percentages if you want to keep the liquid type layout. This will still make sure that your picture stays next to the text.