Difference between revisions of "Style sheet setting: grid answeroption text"
(jrfconvert import) |
|||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | == Style sheet setting: grid_answeroption_text == | |
| − | |||
| − | + | '''Applied question types:''' Single grid, Multi grid | |
| − | ''' | + | '''Type of setting: '''class |
| − | ''' | + | '''Tag applied to:''' td |
| − | ''' | + | '''Usage:''' Used to set styles for the answer options cells of single and multi grid questions. |
| − | ''' | + | '''Primary use:''' A very important setting here is padding. If no padding is set for grid questions the answer options may often look quite bad since they are too close together. There is also the option of using width to ensure that all answer option columns look alike in width. |
| − | ''' | + | '''Example of usage:''' |
| − | + | .grid_answeroption_text | |
| − | + | { | |
| − | + | border-left: solid 1px #345879; | |
| − | + | background-color: #DFFAF1; | |
| − | + | padding: 5px; | |
| − | + | width: 100 px; | |
| − | + | } | |
| − | + | '''Image example: ''' | |
| − | ''' | + | '''Links for more information''' |
| − | + | http://www.w3.org/Style/CSS/ | |
| − | + | Back to: [[Style sheet]] __NOTOC__ <!-- imported from file: 6111.htm--> | |
| − | + | [[Category:Questionnaire_layouts]] | |
| − | |||
| − | |||
Latest revision as of 06:00, 21 December 2011
Style sheet setting: grid_answeroption_text
Applied question types: Single grid, Multi grid
Type of setting: class
Tag applied to: td
Usage: Used to set styles for the answer options cells of single and multi grid questions.
Primary use: A very important setting here is padding. If no padding is set for grid questions the answer options may often look quite bad since they are too close together. There is also the option of using width to ensure that all answer option columns look alike in width.
Example of usage:
.grid_answeroption_text
{
border-left: solid 1px #345879;
background-color: #DFFAF1;
padding: 5px;
width: 100 px;
}
Image example:
Links for more information
Back to: Style sheet
