Jump to content

Repeating Images

Recommended Posts

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 post
Share on other sites

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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...