Adobe Dreamweaver Website errors

[Guest]

Hi people, In high school we have to design and make a website for a theme park to attract 13-14 year olds. I have done most of the website and just need to add some appropriate content. However, there are some things that need putting right before it is uploaded and graded. Firstly, I am not great with Adobe Dreamweaver and have tried fixing this problems myself but have had no luck. If you have any suggestions to improve my website, please say and I will consider making the appropriate changes. As you can see in the attachment, the pictures seem to look fine in Dreamweaver, but appear too far to the right when viewed in the browser. I wanted to make it look like it did in Dreamweaver but it just doesn't work that way. Also, the pictures seem to not be aligned perfectly. Is there any tool that enables you to align a table with another table on the page?

Thanks for any suggestions in advance

Joel

 

[Guest]

 

[rgd1101]

can't you set the width on the table?

 

[Guest]

Hi, I have set the table width to 100% when I first made the table

 

[rgd1101]

when is 100% it mean 100% of the browser width. set is some px,
your first image show 789x604, is that the screen size in Dreamweaver?

if so set the width to 790px or 800px.

 

[Guest]

rgd1101 Thank you so much! I have changed the width to 790 pixels and that appears to have fixed the issue. Is there any way the table containing the bottom pictures can be aligned with the table on the right to make the bottom of the bottom right image level with the pictures along the bottom?

Cheers

 

[rgd1101]

look like you have multiple table

change it to something like

<table style="width:100%" border="1">
  <tr>
    <td rowspan="3" colspan="5">center white space</td>
    <td>image right 1</td>
  </tr>
  <tr>
    <td>image right 2</td>
  </tr>
  <tr>
    <td>image right 3</td>
  </tr>
<tr>
  <td>image bottom 1</td>
  <td>image bottom 2</td>
  <td>image bottom 3</td>
  <td>image bottom 4</td>
  <td>image bottom 5</td>
  <td>image corner</td>
</tr>
</table>

you can learn more about tables here
http/www.w3schools.com/html/html_tables.asp

 

[Guest]

look like you have multiple table

change it to something like

<table style="width:100%" border="1">
  <tr>
    <td rowspan="3" colspan="5">center white space</td>
    <td>image right 1</td>
  </tr>
  <tr>
    <td>image right 2</td>
  </tr>
  <tr>
    <td>image right 3</td>
  </tr>
<tr>
  <td>image bottom 1</td>
  <td>image bottom 2</td>
  <td>image bottom 3</td>
  <td>image bottom 4</td>
  <td>image bottom 5</td>
  <td>image corner</td>
</tr>
</table>

you can learn more about tables here
http/www.w3schools.com/html/html_tables.asp

Hi mate I really appreciate your help. I managed to get it sorted but once again your help was really useful.

Cheers