简体   繁体   English

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

[英]Horizontally align image and javascript rotating image in banner

I am attempting to include a javascript rotating image in the banner area. 我正在尝试在横幅区域中包含JavaScript旋转图像。 I cannot figure out how to get the image to display to the right of the logo, instead of underneath it. 我无法弄清楚如何使图像显示在徽标的右侧,而不是在徽标的下方。 Here is what the code looks like when it displays the two images vertically aligned: 这是当代码显示垂直对齐的两个图像时的样子:

    <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>

How can I get the random image from the script to display to the right of the banner, not beneath it? 如何从脚本中获取随机图像以显示在横幅的右侧而不是下方? Thanks 谢谢

here is the link http://jsfiddle.net/SL9Kx/1/ . 这是链接http://jsfiddle.net/SL9Kx/1/ Is that what you want? 那是你要的吗?

i have changed the html code of your website's banner a little bit. 我已经稍微更改了您网站横幅的html代码。 you can ask about your query below (in comments), if any. 您可以在下面(用注释)询问您的查询(如果有)。

  /////

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM