HTML Help

Superunknown · Joined: 07 Sep 2008 Posts: 1

Originally, I was looking for a way to disable right-clicking on images in Myspace which lead me to a certain thread in this very forum. While that code didn't disable right-clicking, it did allow me to place a transparent div overlay on an image. But, what if your image was inside of a style tag?

Which looks like this...

*style*
{!- make room at bottom of div.profileWidth -!}
div.profileWidth table {margin-bottom:307px !important;}
{! apply banner as bkgd image !}
div.profileWidth{background-image:url(http://img295.imageshack.us/img295/9890/someplaintestimagelogony205asd.gif)!important; background-position:center bottom !important; filter:alpha(opacity=80);opacity:0.7; -khtml-opacity:0.7 -moz-opacity: 0.7; background-repeat:no-repeat !important;}
{!- reverse -!}
table.rail, .i, .i i.x {display:none;}
*/style*

So my questions is, how do you apply what was given in this thread here (near the end) http://www.htmlcodetutorial.com/help/ftopic4495.html to the style tag above?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1402 Location: Biloxi, MS

Have you tried the following?

Code: <div id="profileWidth">
<div style="width:XXXpx; height:YYYpx;"><img src="http://x.myspace.com/images/clear.gif" style="width: XXXpxpx height: YYYpx; border: 0;"></div>
</div>

Setting the width/height to same size as background image called for. Not sure if the whole thing has to be used for the "id": <div id="profileWidth table"> as MySpace does some screwy things with their codes.

If this works, let me know as it is an interesting problem/solution.