怎样能使 两个按钮 和中间的切换图片 都在803的 格子里呢~ 现在 右边的按钮 顶到屏幕最右边了!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<LINK href="css/163css.css" type=text/css rel=stylesheet>
<style type="text/css">
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url();
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #6B5742;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B5742;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #6B5742;
}
.STYLE2 { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style></head><body>
<table width="1003" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="600" valign="top" background="images/beijing_1.jpg"><table width="1003" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="100" colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td width="200" height="450" align="right"><table width="160" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="80" height="80" align="left" valign="top"><img src="images/1-1.jpg" width="79" height="79" /></td>
            <td width="80" height="80" align="left" valign="top"><img src="images/6-1.jpg" width="79" height="79" /></td>
          </tr>
          <tr>
            <td height="80" align="left" valign="top"><img src="images/2-1.jpg" width="79" height="79" /></td>
            <td height="80" align="left" valign="top"><img src="images/7-1.jpg" width="79" height="79" /></td>
          </tr>
          <tr>
            <td height="80" align="left" valign="top"><img src="images/3-1.jpg" width="79" height="79" /></td>
            <td height="80" align="left" valign="top"><img src="images/8-1.jpg" width="79" height="79" /></td>
          </tr>
          <tr>
            <td height="80" align="left" valign="top"><img src="images/4-1.jpg" width="79" height="79" /></td>
            <td height="80" align="left" valign="top"><img src="images/9-1.jpg" width="79" height="79" /></td>
          </tr>
          <tr>
            <td height="80" align="left" valign="top"><img src="images/5-1.jpg" width="79" height="79" /></td>
            <td height="80" align="left" valign="top"><img src="images/10-1.jpg" width="79" height="79" /></td>
          </tr>
        </table></td>
        <td width="803" align="center">
<SCRIPT language=javascript type=text/javascript>
<!--   
var xsTextBar = 0; //是否显示文字链接,1为显示,0为不显示
var xsPlayBtn = 0; //是否显示播放按钮,1显示,0为不显示
var xsImgSize = new Array(600,400); //幻灯图片的尺寸,格式为“宽度,高度”var xsImgs = new Array();
var xsImgLinks = new Array();
var xsImgTexts = new Array();
xsImgs[0] = "1-1.jpg";
xsImgLinks[0] = "#";
 xsImgTexts[0] = "";
xsImgs[1] = "2-1.jpg";
xsImgLinks[1] = "#";
 xsImgTexts[1] = "";
xsImgs[2] = "3-1.jpg";
xsImgLinks[2] = "#";
xsImgs[3] = "2-1.jpg";
xsImgLinks[3] = "#";
xsImgs[4] = "1-1.jpg";
xsImgLinks[4] = "#";
xsImgs[5] = "2-1.jpg";
xsImgLinks[5] = "#";//-->
</SCRIPT><SCRIPT language=javascript type="text/javascript">document.write("<style type=\"text/css\">#slidearea { width:" + xsImgSize[0] + "px; height:" + xsImgSize[1] + "px; overflow: hidden; margin: 0 auto; text-align: center; } #slidearea img { width: " + xsImgSize[0] + "px; height: " + xsImgSize[1] + "px; } #slidefooter {width:" + xsImgSize[0] + "px; } </style>")
document.write('<table width="803" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="102" height="400" align="center">');
document.write("<a id=\"slideprev\" title=\"上一幅\" href=\"#\" onclick=\"rewind();return false\"> <img border=0 src=\"images/jt-1.jpg \" /><\/a></td>");
document.write("<td width='600'><div id=\"slidearea\">")
if (xsImgs.length != 0) {
    document.write("<a href=\"" + xsImgLinks[0] + "\" target=\"_blank\"><img src=\"" + xsImgs[0] + "\" onload=\"imgLoadNotify();\" \/><\/a>")
}
document.write("<\/div>")
if (xsTextBar != 0) {
    document.write("<div id=\"slidefooter\">")
    if (xsPlayBtn != 0) {
        document.write("<a id=\"slideplay\" title=\"播放\" href=\"" + xsImgLinks[0] + "\">播放<\/a>")
    }
    if (xsImgTexts.length != 0) {
        document.write("<p id=\"slidetext\"><a href=\"" + xsImgLinks[0] + "\" target=\"_blank\">" + xsImgTexts[0] + "<\/a><\/p>")
    }
    document.write("<\/div>")
}
document.write("</td><td  align='center'><a id=\"slidenext\" title=\"下一幅\" href=\"#\" onclick=\"forward();return false\" style=\"text-align: center; text-decoration: none;\"><img border=0 src=\"images/jt-2.jpg \" /><\/a></td></tale>")var arrPreload = new Array();
var begImg = 0;
var arrPreload = new Array();
var spd = 2;function init() {
    preloadRange(0, _PRELOADRANGE - 1);    curImg = begImg;
    if (curImg < 0 || curImg > xsImgs.length - 1) curImg = xsImgs.length - 1;
    changeSlide();
    setTimeout("play()", 3000)
}var curImg = 0;
var timerId = -1;
var interval = 3500;
var imgIsLoaded = false;var current_transition = 15;
var flag = true;
var bFirst = false;var transitions = new Array;
transitions[0] = "progid:DXImageTransform.Microsoft.Fade(duration=1)";
transitions[1] = "progid:DXImageTransform.Microsoft.Blinds(Duration=1,bands=20)";
transitions[2] = "progid:DXImageTransform.Microsoft.Checkerboard(Duration=1,squaresX=20,squaresY=20)";
transitions[3] = "progid:DXImageTransform.Microsoft.Strips(Duration=1,motion=rightdown)";
transitions[4] = "progid:DXImageTransform.Microsoft.Barn(Duration=1,orientation=vertical)";
transitions[5] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=1)";
transitions[6] = "progid:DXImageTransform.Microsoft.Iris(Duration=1,motion=out)";
transitions[7] = "progid:DXImageTransform.Microsoft.Wheel(Duration=1,spokes=12)";
transitions[8] = "progid:DXImageTransform.Microsoft.Pixelate(maxSquare=10,duration=1)";
transitions[9] = "progid:DXImageTransform.Microsoft.RadialWipe(Duration=1,wipeStyle=clock)";
transitions[10] = "progid:DXImageTransform.Microsoft.RandomBars(Duration=1,orientation=vertical)";
transitions[11] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=push)";
transitions[12] = "progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";
transitions[13] = "progid:DXImageTransform.Microsoft.Spiral(Duration=1,gridSizeX=40,gridSizeY=40)";
transitions[14] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=push)";
transitions[15] = "special case";
var transition_count = 15;
var _PRELOADRANGE = 5;function preloadRange(intPic, intRange) {
    var divStr = "";
    for (var i = intPic; i < (intPic + intRange); i++) {
        arrPreload[i] = new Image();
        arrPreload[i].src = xsImgs[i];
    }
    return false;
}function imgLoadNotify() {
    imgIsLoaded = true;
}function changeSlide(n) {
    if (document.all) {
        var do_transition;
        if (current_transition == (transition_count)) {
            do_transition = Math.floor(Math.random() * transition_count);
        }
        else {
            do_transition = current_transition;
        }
        document.all.slidearea.style.filter = transitions[do_transition];
        document.all.slidearea.filters[0].Apply();
    }    imgIsLoaded = false;    if (xsImgs.length != 0) {
        var slideImage = "<a href=\"" + xsImgLinks[curImg] + "\" target=\"_blank\"><img border=0 src=\"" + xsImgs[curImg] + "\" onload=\"imgLoadNotify();\" /><\/a>";
        document.getElementById("slidearea").innerHTML = slideImage;        if (xsTextBar != 0) {
            var slideText = "<a href=\"" + xsImgLinks[curImg] + "\" target=\"_blank\">" + xsImgTexts[curImg] + "<\/a>";
            document.getElementById("slidetext").innerHTML = slideText;
            if (xsPlayBtn != 0) {
                document.getElementById("slideplay").href = xsImgLinks[curImg];
            }
        }        if (document.all) {
            document.all.slidearea.filters[0].Play();
        }
    }
}function forward() {
    imgIsLoaded = false;
    if (!arrPreload[curImg + 1]) {
        curImg++;
        if (curImg >= xsImgs.length) {
            curImg = 0;
        }
    }
    else {
        curImg++;
        if (curImg >= xsImgs.length) {
            curImg = 0;
        }
    }
    changeSlide();
}function rewind() {
    curImg--;
    if (curImg < 0) {
        curImg = xsImgs.length - 1;
    }
    changeSlide();
}function stop() {
    window.clearInterval(timerId);
    timerId = -1;
    imgIsLoaded = true;
}function play() {
    if (timerId == -1) timerId = window.setInterval('forward();', interval);
}init();
</script>
</td>
      </tr>
      <tr>
        <td height="60" colspan="2" align="left" valign="middle"><table width="1003" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td>    <a href="#">PRODUCT</a>   <a href="#">RETURN</a>   <a href="#">HOMEPAGE</a></td>
              <td width="40" valign="bottom"><span class="STYLE2">music</span></td>
              <td width="100" valign="bottom"><img src="images/temp.gif" width="26" height="22" /></td>
            </tr>
          </table></td>
      </tr>
    </table></td>
  </tr>
</table></body>
</html>

解决方案 »

  1. </td>
      </tr>
      <tr>
      <td height="60" colspan="2" align="left" valign="middle"><table width="1003" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <td>    <a href="#">PRODUCT</a>   <a href="#">RETURN</a>   <a href="#">HOMEPAGE</a></td>
      <td width="40" valign="bottom"><span class="STYLE2">music</span></td>
      <td width="100" valign="bottom"><img src="images/temp.gif" width="26" height="22" /></td>
      </tr>
      </table></td>
      </tr>
      </table></td>
      </tr>
    </table>
    将下面的table设置成功width="100%"即可,是下面的table把td称大了,导致上面一行的最好一列就那么小
      

  2. <SCRIPT language=javascript type=text/javascript>
    是不是该+“”<SCRIPT language=“javascript” type=“text/javascript”>
      

  3. <SCRIPT language=javascript type=text/javascript>
    是不是该+""<SCRIPT language="javascript" type="text/javascript">
      

类似问题 »