My web pages are mainly census transcriptions and so are in tabular form.
I have two queries; one which I guess is straightforward; one not so;
OK: Q 1
When the enumerator left a line blank, then if I do that in the table, the cells contact in height and just show the borders. I know that if I put an in one cell it looks fine, but that seems cheating. Is there a proper way to show a whole table row which is emply without doing that.
As for Q 2; I don’t think this is possible.
At present page summaries contain something like this
TOTAL In}
Page 25 }
I have styled the page so that the two curly brackets line up under each other. However the original only has one bracket with the point between the two lines of text. I can’t imagine how this can be achieved on a web page. Can it ?
If it’s just a case of creating the height then you can set td {height:1.5em;}, which will work even if you have empty cells, but depending on your borders and background that might not be enough to do the trick … if not, you have to fall back on the slightly clunky , I’m afraid.
As for Q 2; I don’t think this is possible.
At present page summaries contain something like this
TOTAL In}
Page 25 }
I have styled the page so that the two curly brackets line up under each other. However the original only has one bracket with the point between the two lines of text. I can’t imagine how this can be achieved on a web page.
[font=calibri]Easy There are various ways of doing this.
One is to put the } in a <div> and give it float:right; text-size:2em; (of course, it then needs to come before the cell contents, which is slightly odd, but there you go).
Two is to split the cell into two, and then in the right hand cell you can just have a very big }
Three is to create an image of the } at the size you need and then on those cells where you need it, apply it as a background image with the appropriate position and padding.[/font]
With regards to point 1; I have given the <td> a style and it works fine. Thanks
However with regard to the curly bracket, I appear to be missing something in what you are trying to tell me.
I understand the option with the image, but I am loathe to use an image if it is avoidable.
With regard to splitting the cell, I am lost here. This is part of a table, and there is something in all of the cells in the row. If I add another cell to the row, then the table is not evenly constructed. and one bit will stick out at the side. Did you mean to add a column. and colspan everything but the rows that have the bracket ?
I did try the <div option> I tried <td><div class=“float:right; text-size:2em;”>}</div>TOTAL In<br>Page 25</td> but it didn’t seem to do anything at all.
<!- the following style goes in the head of the page or in a separate CSS file -->
<style>
.right_bracket { float:right; text-size:2em;}
</style>
<td><div class="right_bracket">}</div>TOTAL In<br>Page 25</td>
Yes, it would mean putting a colspan=2 on every other cell in that column. Fortunately, because it’s always the first cell in the column, it’s very easy to do with a simple find-and-replace:
(using MS Word syntax to get the line breaks): <tr>^p<td> to <tr>^p<td colspan=“2”>
Then just remove the colspan on those cells where you want to put in the curly braces, and add in the extra cell by hand. This would, of course, mean that you would have a border between those cells, unless you put style="border-right:none; on the left one and style="border-left:none; on the right one (or better to do it via a class in the stylesheet). It’s a bit of a hack, but quite frankly anything is when you’re going for this type of output.
[font=calibri]What’s awry is that you haven’t done anything to the code
I wouldn’t like to say how many times I’ve made the same mistake. Fortunately, the editor I use now presents a list of possible options when I start to type, so if I get as far as typing “text” and “size” isn’t on the list, I know I’ve screwed up somewhere and can correct it there and then. Thank you, Bluefish.
One of the [many] ways in which CSS infuriates me is the inconsistencies. You hit upon the biggest; font-size versus text-decoration
I am constantly confused by that one (among a few others).