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.