On 10/10/06, Nick Jenkins nickpj@gmail.com wrote:
Page 13, the "[Edit]" links are too far up from the horizontal line that marks a new section (thus leading new users to think they are for the section above, not the section below).
Tried adding:
div.editsection { vertical-align: bottom; }
to main.css ; that made no difference (in Firefox). Any CSS guru want to indicate whether it's possible to do this (move the "[Edit]" text down closer to the horizontal new section line), and if so maybe how ?
The div containing the edit link is the first element in the HTML in each section. Then comes a <p> containing the anchor to the section, then the section heading itself. So the edit link is really not aligned with anything, it's just set to float:right, underneath the clearing <p> at the end of the section above.
The div can be pushed down with margin-top, but that's not a very elegant solution:
div.editsection {margin-top: 10px; }
On one of the projects, I forget which one, the edit link appears not at the right hand edge, but next to the heading text. That makes it clear which section the link refers to, and prevents the problem of images or other elements overflowing preceding sections displacing the floating editsection links.