Poll.css drives me crazy

TheoRichel - March 8, 2007 - 14:06

At www.groenerekenkamer.com there is a poll in the upper left corner. It is the page that comes up after one has voted. The lines
'1 comment.... older polls' remain too big no matter what I do. Does anyone have a clue as to how I can get them smaller?
I paste my current poll.css below here and thank you in advance.

/* $Id: poll.css,v 1.2 2006/10/02 16:16:06 dries Exp $ */
.poll .bar {
height: 1em;
margin: 1px 0;
background-color: #666666;
}
.poll .bar .foreground {
background-color: #FFFF00;
height: 1em;
float: left;
}
.poll .links {
font-family: Verdana,Arial,Helvetica,sans-serif;
..font-size: 0.6em;
text-align: center;
}
.poll .percent {
font-family: Verdana,Arial,Helvetica,sans-serif;
..font-size: 0.6em;
text-align: right;
}
.poll .total {
font-family: Verdana,Arial,Helvetica,sans-serif;
..font-size: 0.6em;
text-align: left;
}
.poll .vote-form {
..font-size: 0.6em;
text-align: center;
}
.poll .vote-form .choices {
margin: 0 auto;
display: table;
font-size: 0.6em;
text-align: left;
}
.node-form .poll-form fieldset {
display: block;
}
#block-poll-0 {
margin-top: 0;
background-color: #CCFFFF;
vertical-align:bottom;
padding: 6px;
}
div.poll .text, div.poll .total, div.poll .links, div.poll .percent, div.poll .node-form, div.poll .poll-form, div.poll .fieldset {
font-size: 0.6em;
}
div.poll .title {
font-size: 0.6em;
font-weight:bold;
}
li.statistics_counter, li.first, li.comment_comments, li.active, li.last, li.0 {
font-size: 0.6em;
}

In your style.css, on line

JohnForsythe - March 8, 2007 - 14:40

It seems to be caused by your style for "#left a". In your style.css, on line 134, try changing "font-size: 1em" to "font-size: 0.6em".

--
John Forsythe
Need reliable Drupal hosting?

Get a DOM inspector

dman - March 8, 2007 - 14:57

Either FF or IE now have a DOM inspector that will allow you to view the active style rules, or 'trace styles' to see what's setting any property on any thing.

It tells me that in channel9/style.css line 1 you set

a {
font-size:1.2em;
}

and in line 18
body {
font-size:1.2em;
}

also. (the exact syntax may be different. The DOM inspector tells me what it interpreted.)

Ems multiply.
Giving us font-size 19.2px for lots of stuff on your page. It's only through other over-rides that this has been reduced back to a reasonable size in most places.

It's not poll.css that's a problem, it's channel_nine
You've got a lot of CSS hacking to repair that.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

Many thanks to both of you

TheoRichel - March 8, 2007 - 15:14

I'll get a DOM inspector immediately and as to your remarks on the Channel Nine theme, yes it causes a lot of problems. But thanks again!

Sky Theme style.css

leda - September 11, 2008 - 21:09

In the file "...\sites\all\themes\sky\style.css" ther is an extra comma in this line:

.sidebar .block-poll .content .choices,.sidebar .block-poll .content .title {

Eliminate it and it works OK...

 
 

Drupal is a registered trademark of Dries Buytaert.