0 Replies Latest reply on May 23, 2019 7:26 AM by Lianamelissa

    How to place a logo using HTML & JavaScript

    Lianamelissa

      Hi all,

       

      I am trying to put the logo first and to the right of the gradient code. This code is used in a Microstrategy(business Intelligence tool) landing page. We used simpler code earlier. I need help in making the 2nd code block work same as first one.

      <DIV id=grad1>
       
      <TABLE width="100%">
        
      <TBODY>
        
      <TR>
        
      <TD style="BACKGROUND: white" width="30%" align=left>
        
      <IMG src="https://upload.wikimedia.org/wikipedia/en/d/d8/Url-logo.png" width=245 height=50>
        
      </TD>
        
      <TD style="FONT-SIZE: 40px; FONT-FAMILY: Helvetica, sans-serif; BACKGROUND:  none transparent scroll repeat 0% 0%; COLOR: white; PADDING-BOTTOM: 5px; TEXT-  ALIGN: left; PADDING-TOP: 5px; PADDING-LEFT: 20px; BACKGROUND: linear- gradient(to right, #7AC143 , #3DA040, #007A3C)"
        ;
      width="70%">Enterprise Reporting
        
      </TD>
        
      </TR>
        
      </TBODY>
       
      </TABLE>
       
      <BR>
      </DIV>



      <DIV id=grad1>
       
      <TABLE width="100%">
        
      <TBODY>
        
      <TR>
        
      <TD style="BACKGROUND: white" width="30%" align=left>
        
      <IMG src="https://upload.wikimedia.org/wikipedia/en/d/d8/Url-logo.png" width=245 height=230>
        
      </TD>
        
      <CANVAS id=myCanvas style="BORDER-TOP: #d3d3d3 1px solid;   BORDER-RIGHT: #d3d3d3 1px solid; BORDER-BOTTOM: #d3d3d3 1px solid; BORDER-LEFT:   #d3d3d3 1px solid" height="115" width="900">Your browser does not support the HTML5 canvas tag.
        
      <SCRIPT>
        
      var c = document.getElementById("myCanvas");
        
      var ctx = c.getContext("2d");
        
      var c1 = document.getElementById("myCanvas");
        
      var ctx1 = c.getContext("2d");
        
      var gradient = ctx.createLinearGradient(0, 0, 900, 0);
        gradient
      .addColorStop(0, "#7AC143");
        gradient
      .addColorStop(0.5, "#3DA040");
        gradient
      .addColorStop(1, "#007A3C");
        ctx
      .textAlign = 'left';
        ctx
      .fillStyle = gradient;
        ctx
      .fillRect(0, 20, 900, 75);
        ctx1
      .fillStyle = "white";
        ctx1
      .font = "40px Helvetica, sans-serif";
        ctx1
      .fillText("Enterprise Reporting", 450, 65);

        
      </SCRIPT>
        
      </CANVAS>
        
      </TR>
        
      </TBODY>
       
      </TABLE>
      </DIV>

       

      Thank you.