Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Repetition

Posted by: JonSmyth Sep 3 2006, 09:07 AM

Okay, i've completely forgotten how to repeat an image, not as in a background - like a line

<image> <image> <image>

The middle image is a line... connecting the two up and I want to to repeat over and over... (it kinda changes when the browser is smaller and size moved, all help muchly appreciated...

Sorry if i've not explained well...

Thanks,
Jon.

Posted by: pandy Sep 3 2006, 09:11 AM

If the images are to be in a row, what you have is how you do it. You may want to lose the space between the image tags. If you don't want the images to be affected by line wrapping you have to force the width of their container.

<div style="width: 300px">
<img...><img...><img...>
</div>

Posted by: JonSmyth Sep 3 2006, 09:17 AM

It's not a forced width im looking for...

Okay take this forum for example:

http://www.forum.the-graffix.com

If you look at the banner, there is 1 set image and another one that is just 1 little image but it repeats - Depending on the size of the browser window...

Its one little image that I want to repeat depending on the size of the window...

Posted by: Christian J Sep 3 2006, 09:58 AM

If you want an image to repeat automatically you _will_ have to make it as a CSS background.

The no-repeating part can still be an inline image.

Posted by: Darin McGrew Sep 3 2006, 10:13 AM

You could also use the ALA "sliding doors" technique, making the repeating part a background and the two end pieces as non-repeating backgrounds or generated content.