Question

我试图在横幅区域中包含一个javascript旋转图像。我无法弄清楚如何让图像显示在徽标的右侧，而不是在徽标的下方。以下是代码在显示垂直对齐的两个图像时的样子：

    <style>
<!--
A           { color: #000000; text-decoration: none; }
A:link      { color: #313131; text-decoration: none; }
A:visited   { color: #313131; text-decoration: none; }
A:active    { color: #C0C0C0;  }
A:hover     { color: #FF0000 ;  }

BODY,TD,TR{
    font-family: verdana, arial, sans-serif;
    color: #000;
    font-size: 12px;
    font-weight:normal;
    line-height: 1.3em;
}
.banner {
    font-family: georgia, verdana, arial, sans-serif;
    color:white;
    font-size:x-large;
    font-weight:bold;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    border-top:1px solid #FFF;
    background:#C0C0C0;
    padding:7px;
}
.description{
    font-family:verdana, arial, sans-serif;
    font-size:x-small;
    font-weight:bold;
}
//-->
</style>
</head>
<body bgcolor="#ffffff">
<div style="width: 700px; margin: 0 auto;" align="center">

<table border="0" width="700" cellspacing="0" cellpadding="0">
    <tr>
        <td class="banner"> <span class="description"><img style="width: 365px; height: 145px;"
                  title="Metamora Herald" alt="Metamora Herald" src="redbirdheraldlogo.png"></span><script type="text/javascript">
        show_banners();
    </script> </td>
    </tr>

如何从脚本中获取随机图像以显示在横幅的右侧，而不是在横幅下方？感谢

Answer 1

这是链接http://jsfiddle.net/SL9Kx/1/。这就是你想要的吗？

我已经更改了网站横幅的html代码。您可以在下面（评论中）询问您的查询，如果有的话。

  /////

在横幅中水平对齐图像和javascript旋转图像

1 个答案: