Home/ Questions/Q 3992378
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T06:45:28+00:00

I want to be able to resize this table background image with javascript i

  • 0

I want to be able to resize this table background image with javascript i also do not want it to repeat when it gets bigger

<table name="bgImgBlue" id="bgImgBlue" width="100%"  width="100%"width="100%"style="position:absolute;top:0px;left:0px; 
z-index:99;" cellpadding="0" cellspacing="0" width="100%" background="images/i_frame_bgnav.gif" HEIGHT="184">
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Bakckground no repeat

    Take reference to image out of the property, and into the CSS (also make CSS external is better practise):

    style="position:absolute;top:0px;left:0px;background-image:url('images/i_frame_bgnav.gif');background-repeat:no-repeat;

    The no repeat function will stop it repeating. Alternative values for this are ‘repeat-x‘ and ‘repeat-y‘.

    Better HTML

    Try and avoid tables, use div’s instead. These are easier to resize, and tables are pretty old school now. Netherless, to resize your table’s height:

    <script language="JavaScript">
    var myTable = document.getElementById("bgImgBlue");
    myTable.width = 300;
    myTable.height = 1000;
</script>
    • 0