我正在尝试在横幅区域中包含一个 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>
如何从脚本中获取随机图像以显示在横幅的右侧,而不是在横幅下方?谢谢