Login | Register | FAQ
Anonymous

Table problem

+ Post a reply

2 posts Page 1 of 1


Table problem

by D.Alex » Mon Jan 20, 2014 8:12 pm

Hello,

I have a problem with the following code:

Code: Select all
<html>
<
body>
<
body background ="213.png"><head><title>Music</title></head>
<
table width="500" border="0">
<
tr>
<
td colspan="2"style="background ="bg.png">
<center><img src="
banner.png" repeat="none" alt="usemap" border="0" class="map" usemap="#banner"/>
<map name="banner">
      <area shape="rect" 
            coords
="277,236,373,194"
            a href="index.html">
</
td></tr>

<
tr>
<
td style="background-color:#000000;width:100px;">
<
a href="micro.html"><img onmouseout="this.src='http://www.worcesterdiocese.org/Portals/2/NewSkin/AdminButton.jpg'" onmouseover="this.src='http://www.worcesterdiocese.org/Portals/2/NewSkin/AdminButton.jpg'" src="http://www.worcesterdiocese.org/Portals/2/NewSkin/AdminButton.jpg"" /></a><br>
</td>

<td style="
background="bg.png";height:200px;width:400px;">
<font color="
white">text</font></td>
</tr>
</table>
</body>
</html>


When there is a short text [<font color="white">text</font></td>], the buttom on the left appears on the top, which is ok.(Preview)But when the text gets longer, the buttom gets down.(Preview)

I've tried to set the image align to top but still doesn't work.Thanks for reading!
User avatar

D.Alex

  • Posts: 5
  • Joined: Mon Jan 20, 2014 7:59 pm

Re: Table problem

by XainPro » Mon Jan 20, 2014 8:57 pm

your code has lot's of errors try this code
Code: Select all
<html>
<head><title>Music</title>
<style>
body {
background-image:"213.png";
}
.bg { background-image:"bg.png"; }
</style>
</head>
<body>
<table width="500" border="1">
<tr>
<td colspan="2" class="bg">
<center>
<img src="banner.png" repeat="none" alt="usemap" border="0" class="map" usemap="#banner"/>
<map name="banner">
      <area shape="rect" coords="277,236,373,194"> <a href="index.html"></a>
      </map>
</td>
</tr>

<tr>
<td style="background-color:#000000;width:100px;" valign="top">
<a href="micro.html">
<img onmouseout="this.src='http://www.worcesterdiocese.org/Portals/2/NewSkin/AdminButton.jpg'" onmouseover="this.src='http://www.worcesterdiocese.org/Portals/2/NewSkin/AdminButton.jpg'" src="http://www.worcesterdiocese.org/Portals/2/NewSkin/AdminButton.jpg" />
</a>
<br>
</td>

<td style="background="bg.png";height:200px;width:400px;">
  <p><font color="white">text</font> kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
</p>
  <p>kkkkkkkkkkk</p>
  <p>kkkkkkkkkkk</p>
  <p>kkkkkkkkkkkkkkkkkk</p>
  <p>&nbsp; </p></td>
</tr>
</table>
</body>
</html>
User avatar

XainPro

  • Posts: 3933
  • Joined: Fri Feb 17, 2012 8:10 pm


+ Post a reply

Page 1 of 1