2013-10-26 192 views
0

我試圖在橫幅區域中包含一個JavaScript旋轉圖像。我無法弄清楚如何讓圖像顯示在徽標的右側,而不是顯示在其下面。下面是代碼是什麼樣子時,它會顯示垂直排列的兩個圖像:在橫幅中水平對齊圖像和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> 

我怎樣才能從腳本獲得隨機圖像顯示給旗幟的權利,而不是在它下面?謝謝

+1

可您準備的工作代碼在這裏http://jsfiddle.net/ – UDB

+0

我試圖讓代碼在那裏工作,但我不能確定的jsfiddle的,因爲這是我與它第一次的經驗。這裏是鏈接:http://jsfiddle.net/m3FHJ/1/和網站在這裏:http://www.mtco.com/~zmes420/metamora/germantown-hills/illinois/new/metamora/herald/online /example2.php – user2923387

+0

是動態下的圖像還是GIF格式圖像?你想要那個圖像在那個灰色盒子的右邊嗎? – UDB

回答

0

這裏是鏈接http://jsfiddle.net/SL9Kx/1/。那是你要的嗎?

我已經改變了您的網站旗幟的HTML代碼一點點。你可以在下面詢問你的查詢(在評論中),如果有的話。

///// 
+0

謝謝,但圖像是基於JavaScript的動態,這看起來不像預期的結果。橫幅應該看起來像這個頁面,灰色框右側的150x150廣告。 http://www.mtco.com/~zmes420/metamora/germantown-hills/illinois/new/metamora/herald/online/biz.php – user2923387