Ben Posted December 8, 2005 Share Posted December 8, 2005 Hello,I visit your site every so often looking for help on html.I decided to register today because I have come across a problem.I searched your mainsite, but I couldnt find my answer.---How do I stretch an image to fit between two other images? And how do I add text above this image?Thanks. Link to comment Share on other sites More sharing options...
aspnetguy Posted December 8, 2005 Share Posted December 8, 2005 So lets see if I understand you.You have three images in a row. You want the middle one to stretch to fill up whatever space is left between the two outside images????first off you cannot make and image stretch (you could hack something together with javascript but the proportions would probably be off) but I can show you how to place 3 images in a row and place text over top of the middle image (you wanted the text over the middle image right?).There are 2 approaches, using tables or not using tables.Tables is the easiest but designers seem to be moving away from this opting for the tableless design.1. Tables <table><tr><td></td><td>Text above middle image</td><td></td></tr><tr><td><img src="img1.gif"></td><td><img src="img2.gif"></td><td><img src="img3.gif"></td></tr></table> 2. Without tables <div>text....blah.<br /><img src="" style="float:left"><img src="" style="float:left"><img src="" style="float:left"><br style="clear:left" /></div> Hope this answers your question Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now