WordPress.org

1. Nicster3001
   Member
   Posted 8 months ago #

   Hi,

   Just trying to display my poll answers in three columns

   Yes---------No--------Maybe

   Here's the CSS:

   /*  Plain black wide */
   
   .pds-box{
   	font-family: Helvetica, Arial, sans-serif;
   	background: #222;
   	border: 1px solid #313131;
   	width: 630px;
   	font-size: 13px;
   	text-align: left;
   	color: #eee;
   	-webkit-border-radius: 12px;
   	-moz-border-radius: 12px;
   	border-radius: 12px;
   }
   
   .pds-box A{
   	outline: none;
   }
   
   .pds-clear{
   	display: block;
   	clear: both;
   }
   
   .pds-box-outer{
   	padding: 14px;
   }
   
   .pds-question-top{
   	font-size:24px;
   	line-height: 120%;
   	color: #eee;
   	font-weight: bold;
   	padding: 5px 0px 20px 0px;
   	position:relative;
   }
   
   .pds-answer{
   	padding: 20px 0px 20px 0px;
   	border-top: 1px solid #3f3f3f;
   	border-bottom: 1px solid #3f3f3f;
   }
   
   .pds-answer label{
   	color: #eee;
   	font-size: 13px;
   	font-weight: bold;
   	line-height: 150%;
   	position: relative;
   }
   
   .pds-answer-group{
   	display: block;
   	padding: 8px 0px 8px 0px;
   }
   
   .pds-answer-group BR{
   	display: none;
   }
   
   .pds-answer-input{
   	display: block;
   	float:left;
   	width: 25px;
   }
   
   .pds-input-label{
   	display: block;
   	float:left;
   	width: 570px;
   	cursor: pointer;
   }
   
   .pds-answer-other{
   	padding: 0px 0px 0px 10px;
   }
   
   .pds-textfield{
   	background: #eee;
   	border: 1px solid #111;
   	font-size: 12px;
   	padding: 2px;
   	width: 250px;
   	color: #333;
   }
   
   .pds-answer-other BR{
   	display: none;
   }
   
   .pds-other-label{
   	display: block;
   	float:left;
   	cursor: pointer;
   }	
   
   .pds-feedback-result {
   	float:right;
   }
   
   .pds-answer-text {
   	float:left
   }
   
   .pds-feedback-group
   {
   	display: block;
   	padding: 8px 0px 8px 0px;
   }
   
   .pds-feedback-label{
   	display: block;
   	padding: 0px 0px 5px 0px;
   }
   
   .pds-feedback-per{
   	font-weight: normal;
   }
   
   .pds-feedback-votes{
   	font-weight: normal;
   }
   
   .pds-answer-feedback {
   	background-color: #444;
   	border: 1px solid #111;
   	position: relative;
   }
   
   .pds-answer-feedback-bar {
   	font-size: 2px;
   	background: #3478e3;
   	height: 18px;
   }
   
   .pds-vote {
   	padding: 10px 0px;
   }
   
   .pds-votebutton-outer {
   }
   
   .pds-vote BR{
   	display: none;
   }
   
   .pds-vote-button {
   	color: #eee;
   	padding: 3px 25px;
   	white-space: nowrap;
   	background:#3b3b3b url(http://i.polldaddy.com/polls/black-but-bg.png) repeat-x scroll left top;
   	-webkit-border-radius: 11px;
   	-moz-border-radius:11px;
   	border-radius: 11px;
   	border: 1px solid #3b3b3b;
   	cursor: pointer;
   	font-size: 12px;
   	font-family: 'Lucida Grande',Verdana,Arial;
   	text-decoration: none;
   	line-height: 25px;
   	font-weight: bold;
   	float:left;
   	white-space: nowrap;
   }
   
   .pds-vote-button:hover{
   	border: 1px solid #666;
   }
   
   .pds-vote-button-load {
   	color: #eee;
   	padding: 3px 25px;
   	white-space: nowrap;
   	-webkit-border-radius: 11px;
   	-moz-border-radius:11px;
   	border-radius: 11px;
   	cursor: pointer;
   	font-size: 12px;
   	font-family: 'Lucida Grande',Verdana,Arial;
   	text-decoration: none;
   	line-height: 25px;
   	font-weight: bold;
   	float:left;
   	white-space: nowrap;
   	background:#3B3B3B url(http://i.polldaddy.com/polls/vote-loader-3b3b3b.gif) no-repeat scroll 50% 50%;
   	border: 1px solid #666;
   }
   
   .pds-vote-button-load SPAN{
   	visibility: hidden;
   }
   
   .pds-links A {
   	font-family: Helvetica, Arial, sans-serif;
   	font-size:12px;
   	color: #eee;
   	text-decoration: none;
   	padding: 10px 0px 0px 15px;
   	float:left;
   	display: block;
   	font-weight: bold;
   }
   
   .pds-links-back A {
   	font-family: Helvetica, Arial, sans-serif;
   	font-size:12px;
   	color: #eee;
   	text-decoration: none;
   	padding: 10px 0px 0px 15px;
   	float:left;
   	display: block;
   	font-weight: bold;
   }
   
   .pds-links A:hover {
   	text-decoration: underline;
   }
   
   .pds-links-back A:hover {
   	text-decoration: underline;
   }
   
   .pds-pd-link{
   	float:right !important;
   }
   
   .pds-comments{
   	padding: 10px 0px 0px 0px;
   }
   
   .pds-comments SPAN{
   	font-weight: normal;
   }
   
   .pds-total-votes{
   	padding: 10px 0px 0px 0px;
   	position: relative;
   }
   
   .pds-total-votes SPAN{
   	font-weight: bold;
   }

   And the script: `<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5493722.js"></script>
   <noscript><a href="http://polldaddy.com/poll/5493722/">Test</a></noscript>`

   Does anyone know how to adapt the CSS so it displays in 3 columns?

Reply

You must log in to post.