Yes Lou, CSS can do this.
Simply make a box:
.boxname {
position:relative;
background-image:url(your 200px x 200px image filename and path);
background-position:-100px -100px;
width:50px;
height:50px;
overflow:hidden;
/* position, padding, margins etc to suit. */
}
to move to a different part of your big image, just change the background
position x & y.
If you want to move your box to an absolute position then change
position:relative to position:absolute and add top:y; and left:x; where x and y
are your coordinates.
Regards,
Alan.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
----- Original Message -----
From: Lou Hernsen
To: css-d@lists.css-discuss.org
Sent: Monday, September 08, 2008 3:26 AM
Subject: [css-d] CSS image question
Hi.. I'm sorta new to css.. here is the question.
Lets say I only want to show a 50x50 px part of an image that is 200x200 on
a web page.
I want to show the area starting at 100x100y to 150x150y in a box 50x50...
can css do this?
or should I be looking at javascript?
What is the syntax for the command? and is the command used in the position
command?
thanks for your time and answer
Lou
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
