2012-07-11 89 views
0

我試圖邊境可用空間量降低到黑暗區域的底部和頂部周圍元素

所以刪除填充:

enter image description here

應該是:

enter image description here

我試過添加padding-bottom:0px!對於pds-vote很重要。 pds-vote是我試圖減少填充的投票元素,但似乎沒有任何效果。

這裏是提琴:http://jsfiddle.net/25LjE/79/小提琴背後

代碼:

.pds-question-top { 
font-size:10pt !important; 
padding-top:1px !important; 
padding-bottom:1px !important; 
margin-top:1px !important; 
margin-bottom:1px !important; 
} 

.pds-pd-link, .pds-comments { 
display:none !important; 
} 

.pds-box { 
width:220px !important; 
} 

.pds-input-label { 
width:85% !important; 
} 

.PDS_Poll { 
margin-bottom:15px; 
} 

.pds-answer-span { 
color:#00f; 
} 

.pds-vote { 
background-color:#424242; 
} 

.pds-answer-text { 
color:#00f; 
padding-top:1px !important; 
padding-bottom:1px !important; 
margin-top:1px !important; 
margin-bottom:1px !important; 
} 

.pds-answer-feedback { 
padding-top:1px !important; 
padding-bottom:1px !important; 
margin-top:1px !important; 
margin-bottom:1px !important; 
} 

.pds-votebutton-outer { 
text-align:center; 
} 

.pds-answer-group { 
padding-top:1px !important; 
padding-bottom:1px !important; 
margin-top:1px !important; 
margin-bottom:1px !important; 
height:auto; 
overflow:hidden; 
} 

.pds-input-label,.pds-answer-input { 
float:left; 
} 

.pds-view-results,.pds-links { 
color:#FFF !important; 
padding-top:1px !important; 
padding-bottom:1px !important; 
margin-top:1px !important; 
margin-bottom:1px !important; 
} 

.pds-comments,.pds-return-poll { 
color:#FFF !important; 
} 

.pds-links { 
    display: inline !important; 
} 
.pds-pd-link { 
display: none !important; 
} 
.pds-box { 
    width: 220px !important; 
} 
.pds-input-label{ 
    width: auto! important; 
} 
.PDS_Poll{ 
    margin-bottom:15px; 
} 

.pds-question-top {padding:0 !important} 

小提琴背後HTML:

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script> 
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript> 

$(document).ready(function() { 

    $('.pds-question-inner').prepend('<span style="color:red;font-weight:bold;font-size: 15px;float:left">Header</span>'); 
}); 

回答

1

你應該給你的CSS OFC你可以將它添加到您想要的墊襯

.pds-answer{ 
    padding-bottom:5px !Important; 
} 
.pds-box-outer{ 
    padding-bottom:5px !Important; 
} 

但是你應該儘量避免使用重要的多。

Explanation Why

+1

打我吧。 :)這一個適合我。 – Scotty 2012-07-11 09:04:19

+0

@Scotty很抱歉。但我看到wan沒有回答15分鐘,我可以回答:) – Liquid 2012-07-11 09:09:06

+0

!重要的一般應該避免使用自然的css級聯,這是一篇有用的文章:http://coding.smashingmagazine.com/2010/11/02/ the-important-css-declaration-how-and-when-use-it/ – Sllix 2012-07-11 09:36:33

0

試試這個:

#PDI_container6352993 .pds-box .pds-box-outer { 
    padding-bottom: 6px; 
} 

Here's小提琴結果。