I've added some expand/collapse functionality to a table with jQuery and I'm now trying to do some fine tuning on the button positioning with CSS, - yet I can't seem to act on the img element.
Here's an extract from my code:
<body>
<h1>Outstanding repairs assigned to me</h1>
<table class="sortable paginated collapsible">
<thead>
</thead>
<tbody id="emergency">
<tr>
<th colspan="7">
Emergency
<img class="alignment clickable" src="../repair_system/media/minus.png" alt="Collapse this section"/>
</th>
And the first entry in my CSS file is:
.alignment {
border:7px solid black;
}
The page is picking up the CSS class 'clickable' - but it's ignoring 'alignment' for some reason. Firebug doesn't even reference the CSS class in the CSS styles pane.
Can anybody think of something obvious that I've missed here?