You are here: Re: How to extend an image « HTML « IT news, forums, messages
Re: How to extend an image

Posted by Greg N. on 03/20/06 22:12

David Segall wrote:

> Has anybody thought of some trick that is generally acceptable? I use
> repeat-x but this often results in a confusing image.

This is not an HTML problem, but an image design problem.

There are three approaches you could use:

1. create a background image for the image (this may need some kind of
layering technique) that extends the image gracefully to the right.

Examples:
the image on top of the page http://hothaus.de/greg-tour-2004
There is a background image there that extends the right edge of that
image ad infinitum.

2. edit the image such that its right edge blends seamlessly with its
left edge. This requires a suitable image plus some photoshop (and the
like) experience.

Examples:
An image of ship loading cranes halfway down the page:
http://hothaus.de/greg-tour-2005/ua1.htm
Image of a power plant, 60% down the page:
http://hothaus.de/greg-tour-2004/roman3.htm
panorama of venice, 50% down the page:
http://hothaus.de/greg-tour-2004/venice.htm

3. Use a *very* wide image with less significant content in the right
third. Such an image can be created in photoshop by copying the
rightmost 20% of an image, scaling it horizontally to some excessive
width and pasting it back to the right of the original image. Again,
this requires a suitable image to begin with.

Example:
http://hothaus.de/greg-tour-2005/img/0603/i2793.jpg


--
Gregor mit dem Motorrad auf Reisen:
http://hothaus.de/greg-tour/

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация