I have three images, let's call them left.jpg, middle.jpg, and right.jpg. The left.jpg always stays where it is, on the top left corner of the page. The right.jpg always stays where it is, on the top right corner of the page. The middle.jpg fills up the entire middle, without leaving space. It is an image that can be skewed horizontally without changing shape, so it doesn't matter how much it is extended. I am trying to make a liquid design (support for multiple resolutions) so I need this middle filler to extend as far as it needs to go. I don't know how to do it though.<br />
<br />
Using left.jpg, middle.jpg, and right.jpg, can anyone give me an example code?<!--content-->Hi there pyrexyn,<br />
<br />
You need to use percentages for the widths...<img src=http://www.htmlforums.com/archive/index.php/"left.jpg" width="10%" height="100px" alt="left.jpg"><img src="middle.jpg" width="80%" height="100px" alt="middle.jpg"><img src="right.jpg" width="10%" height="100px" alt="right.jpg"><br />
I have shown fixed heights in the code but if you need to keep the aspect ratio of the left and right images, you will have to use percentages for them also
<br />
coothead<!--content-->if the image is solid then just have it tile in a cell of a table. don't use it in the image as it will make it distort<!--content-->Thanks to both!<!--content-->
<br />
Using left.jpg, middle.jpg, and right.jpg, can anyone give me an example code?<!--content-->Hi there pyrexyn,<br />
<br />
You need to use percentages for the widths...<img src=http://www.htmlforums.com/archive/index.php/"left.jpg" width="10%" height="100px" alt="left.jpg"><img src="middle.jpg" width="80%" height="100px" alt="middle.jpg"><img src="right.jpg" width="10%" height="100px" alt="right.jpg"><br />
I have shown fixed heights in the code but if you need to keep the aspect ratio of the left and right images, you will have to use percentages for them also
<br />coothead<!--content-->if the image is solid then just have it tile in a cell of a table. don't use it in the image as it will make it distort<!--content-->Thanks to both!<!--content-->