I've made a stab at doing as you suggest.
The hr is gone at the top. To get it to shift in a bit I couldn't find a way that didn't move the feather in a bit too. I know I could probably now move the feather again to the left, but it seems to not be a big deal and I want to avoid such hackery.
I've tried to simplify the header with the logo, and at the same time i've managed to get it to look (almost) like the old site. The table has been exchanged for a div-tag. Here are the relevant changes:
*html*
...
<div class="page-header">
<!--JAKARTA LOGO-->
<a href="http://jakarta.apache.org/";>
<img alt="The Jakarta Project" src="http://jakarta.apache.org/images/jakarta-logo.gif"; border="0">
</a>
</div>
...
*css*
.page-header {
margin-bottom: 8px;
padding-bottom: 11px;
padding-left: 1px;
padding-top: 1px;
border: 1px solid #666666;
border-width: 0px 0px 1px 0px;
}I kept the colour of dark-grey colour of the hr. I don't know what colour Safari and Firefox are displaying the hr as, but black seemed too dark and #cccccc (as with the left/right nav) seemed too wimpy. I'm using #666666.
To get the same color as the hr used to be - the value #999999 seems match well, in Firefox.
-- Dennis Lundberg
The tables on the inside and the br's that were with them are gone too and replaced with css. Spacing is not exactly the same, but it's as good as.
Anyone for anymore?
http://www.apache.org/~bayard/jakarta-3tier.html
Hen
On Tue, 4 Jan 2005, Henri Yandell wrote:
Both good css-embraces.
I'm happy with any moves from html to css and expect the page to get more and more into css over time. Patches/suggestions welcome (though it'll need to be in cvs first for patches to be done easily :) ).
I'll add it to the todo list.
Hen
On Tue, 4 Jan 2005, Dennis Lundberg wrote:
Great work on this Henri!
Two small details that would clean up the html a bit:
1. Skip the header separator, see below. This can be done by putting a class on the page header table and applying a css-rule similar to the ones used in the left-navbar.
... <!--HEADER SEPARATOR--> <tr> <td colspan="3"> <hr size="1" noshade="" /> </td> </tr> ...
2. Skip the tables inside the "main-body" cell. I think they match the "section" tags in the xml-files. They only add 2px of padding which can be done in the css instead. See below:
... <td align="left" valign="top" class="main-body"> <!-- Skip the table below --> <table width="100%" cellpadding="2" cellspacing="0" border="0"> <tr> <td> ...
-- Dennis Lundberg
--------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
--------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
![http://jakarta.apache.org/images/jakarta-logo.gif"](http://jakarta.apache.org/images/jakarta-logo.gif"){kind=link}