2013-01-16 88 views
0

我使用wordpress作爲我的CMS,並使用了我選擇的主題。主題在主頁上顯示滑塊(旋轉木馬),但佔用太多空間。我試圖編輯寬度和高度爲80%,但用戶界面被擰緊。滑塊不居中,或者左右箭頭的框架靠近。圖像被砸碎。我需要爲此獲取CSS。CSS寬度未居中圖像

我嘗試以下

  1. 改性的寬度和高度,以80%
  2. 減小像素值,搞砸它進一步

下面我的代碼的相關CSS和HTML部分。

<div id="slides"> 
    <div class="slides_container slide" style="overflow: hidden; position: relative; display: block;"> 
    <div class="slides_control" style="position: relative; width: 2736px; height: 480px; left: -912px;"><div style="position: absolute; top: 0px; left: 912px; z-index: 5;"> 
     <a href=""><img src="http://localhost/taxeeta/wp-content/uploads/2013/01/116.png?1358343444279" alt=""></a> 
    </div> 
    <div style="position: absolute; top: 0px; left: 912px; z-index: 0; display: none;"> 
     <a href=""><img src="http://localhost/taxeeta/wp-content/uploads/2013/01/215.png" alt=""></a> 
    </div> 
    </div> 
</div> 

CSS:

#slides { 
position: absolute; 
top: 15px; 
left: 0px; 
z-index: 100; 
width: 897px; 
margin-left: 14px; 
} 

.slides_container { 
width: 912px; 
margin: 0; 
padding: 0; 
} 

.slides_control { 
position: absolute; 
top: 15px; 
left: 0px; 
z-index: 100; 
width: 897px; 
margin-left: 14px; 
} 
+1

只是問..你知道你的HTML有內聯樣式的CSS? –

+0

即使我做了,我也無法理解它。 HTML CSS是不是我的杯茶:) – Siddharth

+0

顯然不HTML或CSS是你會明白的。因爲沒有HTML CSS這樣的東西,因爲有HTML和CSS。兩杯茶,把它放在你的語言。 ;) –

回答

1

你肯定有喬javascript代碼修改元素的CSS? 您是否將幻燈片和slides_control的寬度更改爲相同? (對不起,我不能寫評論...)