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?
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"> </td> <td scope="col"> </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.
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.
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.
