livetoski wrote: ...just exactly how to create a td.bullet style...
Technically, there's no such thing, not the way you mean. Table cells use the <td> tag, and bulleted lists use the <ul> tag (numbered lists are <ol>). If you want a list inside a table cell, then you have to have a <ul> tag set inside a <td> tag set. So the actual code would be something like:
- Code: Select all
<table>
<tr>
<td>Row 1 Col 1 text</td>
<td>
<ul>
<li>List item 1 in Row 1 Col 2</li>
<li>List item 2 in Row 1 Col 2</li>
</ul>
</td>
</tr>
</table>
If you go with the default margin values for the list, then lists will be indented the same value, whether the list is inside a table or outside of it. If you adjust the margin values for the <ul> tag in the stylesheet so that the list is near the edge of the table cell, then you're also going to be removing the indent value for the list when it's
not in the table. This is where complex selectors come in. Basically, they're if/then situations. In this case, you're going to create a complex selector for how a list behaves inside a table, so it's
if a list is inside a table
then do this to its styles.
At the moment, however, you can't create a complex selector from within the Flare Stylesheet Editor. To create the complex selector, right-click on the main stylesheet in the Content Explorer, and select Open with > Internal Text Editor from the popup menu. Enter the following code at the bottom of the stylesheet, then save the stylesheet and close it. When you're inside a table cell, click the list icon and switch it to a bullet-type list. It will automatically pick up the styles from the stylesheet and adjust the list margin accordingly.
Complex selector to add to stylesheet:
- Code: Select all
td ul {
margin-left:0;
}
(You might have to play with the margin-left value to get the desired distance. You might want a pixel or two between the edge of the cell border and the list.)