I have a page $$ViewTemplate with an embedded view on it, the page uses an external css page to control the appearance. The view is categorized on two different fields and it is also set to display 9 lines and shrink to fit. When this view is opened on the web the spacing of the categories are all off. The first category is about a half inch from the twistie, the second category is aligned in the middle and the page. The actual link lines itself up correctly. I have tried all sorts of changes to the css file but it doesn’t seem to affect the view. I have tried text-align: left but that didn’t have any affect. I would like to have everything aligned to the left. Any help would be greatly appreciated.
Below is a portion of the css code.
table{
font-family: arial;
border-spacing: 4px;
border-style: none none none none;
border-color: black black black black;
border-collapse: collapse;
text-align: left;
frame: border;
width: 100%;
}
th {
text-align: left;
}
tr{
text-align: left;
valign: top;
}
td {
font-family:arial;
font-size: 14px;
padding-right: 2cm;
padding: 1px 1px 1px 1px;
border-style: none none none none;
border-spacing: 0px;
frame: void;
text-align: left;
word-wrap: break-word;
-moz-border-radius: 0px 0px 0px 0px;
}
A portion of the view source from the browser:
| ABC CO |
| A |
Thanks for the help!