HTML Help

kopertone1 · Joined: 23 Feb 2008 Posts: 2

I want the below code to have the water mark follow horizontally instead of vertically; how would I adjust this code to accomplish that? Thanks!

Code: <Script Language=JavaScript>
//--- Begin Customizations ---------
var pctTop = "3%";
var pctRight = "3%";
var imageIs = "images/black_flowers_logo.gif"; // put path and file name here
var nRight = 0;
var nbottom = 0;
//--- End Customizations -----------

var absStr = "Position:Absolute;bottom:"+pctTop+";Right:"+pctRight+"";

function stayHome(){

iL = document.body.scrollReft;
iV = document.body.scrollbottom;
isFloat.style.Right = iL+nRight;
isFloat.style.bottom = iV+nbottom;
}

window.onscroll = stayHome;

function insertFloatIMG(){

styleStr = "<Style>.imgFloat {"+absStr+";Border-Style:Solid;Border-Width:1px;Padding-Top:20px;Padding-Right:20px;Padding-Bottom:20px;Padding-Left:20px;Margin-Left:0px;Margin-Right:0px;Margin-Top:0px;Margin-Bottom:0px;Background-Color:Blue;Text-Indent:0px;}</Style>";

divStr = "<DIV class=imgFloat id=isFloat><input type=image src=null id=fIMG alt='Describe the Image'></DIV>"

document.write(styleStr);
document.write(divStr);
fIMG.src = imageIs;
nLeft = isFloat.offsetRight;
nTop = isFloat.offsetbottom;
}

</Script>

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

Not a JavaScript person, but to get any image to go horizontally requires setting the background image styling for the image to "repeat-y" (no quotes).