| 
	
 | 
 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] 
 |