Dreamweaver Image Alignment Issue

Discussion in 'Web Design & Programming' started by rjcube, Aug 9, 2006.

  1. rjcube

    rjcube Geek Trainee

    Likes Received:
    0
    Trophy Points:
    0
    I am having trouble with designing my website. I am fairly new at web design and don't know that much, and I am having a problem with image alignment.

    I have a sidebar that is a long vertical image and I have an image with text for the title of the website. I want the text to be next to the sidebar on the top.

    I put the images in one after another, and this is what happens.

    Untitled Document

    If I try to put it in a table, this is what happens.

    Untitled Document

    And then I put Vertical alignment to top and here's what I get.
    The Source

    This is what I want it to look like but I cannot edit anything below the image.

    How can I solve this problem so that I can get the images where I want them, and be able to add content below the text image?
     
  2. thoonie

    thoonie hmmm....

    Likes Received:
    0
    Trophy Points:
    16
    The basic code for that can be like this,
    HTML:
    <table width="1015" height="1185" border="0">
      <tr>
        <td width="313" height="77" rowspan="2" scope="col"><img src="side.jpg" width="315" height="1100" /></td>
        <td width="692" height="157"><img src="banner_logo.jpg" width="783" height="155" /></td>
      </tr>
      <tr>
        <td height="941">THIS IS THE BODY</td>
      </tr>
      <tr>
        <td width="313" height="78" scope="col">&nbsp;</td>
        <td scope="col">&nbsp;</td>
      </tr>
    </table>
    
    Just a few suggestion, first off you might wanna shrink the images. it looks nice for a 17" screen but not for 15". You can also split the images into different part rather than into one whole big block.

    If you need further help, HWF is here.
     
  3. rjcube

    rjcube Geek Trainee

    Likes Received:
    0
    Trophy Points:
    0
    Thanks for the help! That worked perfectly.

    And yes I was planning on shrinking the images and everything. But one thing I am worried about is, what if my content goes past the top logo? It would look somewhat strange. Also if i just don't do that then it would look squished.
     
  4. thoonie

    thoonie hmmm....

    Likes Received:
    0
    Trophy Points:
    16
    Sorry i didnt get that.

    Your content should be here.
    HTML:
      <tr>
        <td height="941">THIS IS THE BODY OR CONTENT :)</td>
      </tr>
    So you dont have a problem going past the top logo.
     
  5. rjcube

    rjcube Geek Trainee

    Likes Received:
    0
    Trophy Points:
    0
    Cool. Once again thank you for the help.
     

Share This Page