Member Avatar for dev.cplusplus

Hi to all I'm looking for a substituted of the clip Property,
I'm using following the code(take from www.w3schools.com);

<html>
<head>
<style type="text/css">
img 
{
position:absolute;
clip:rect(0px 50px 200px 0px)
}
</style>
</head>

<body>
<p>The clip property is here cutting an image:</p>
<p><img border="0" src="bookasp20.gif" width="120" height="151"></p>
</body>

</html>

I'm having problems with this properties in certain browsers, I was wandering if there is a another property or a workaround that I can reach the same effect without using the clip property.
Thanks in advanced :'(

  • 2 Contributors
  • 1 Reply
  • 58 Views
  • 15 Hours Discussion Span
  • Latest Post Latest Post by nagoon97
Member Avatar for nagoon97

Wrap the image with a div tag with the "overflow" property set to "hidden"

<html>
<head>
</head>

<body>
<p>The clip property is here cutting an image:</p>
<div style="width:50px; height:200px; overflow:hidden"><img border="0" src="bookasp20.gif" width="120" height="151">
</div>
</body>

</html>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.