On Wed, 5 Jan 2005, Dennis Lundberg wrote:

Henri Yandell wrote:

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 tried to go in this direction, with much the same stuff; but I end up with the header to the left of the table in Safari, as if the div tag had a float: left going on. So I backed out until I had more time to figure out what was going on.


Your changes do the same as mine did, so it wasn't the 1% or 98% bit in my .page-header. Also, when you switch to a div the container no longer stretches across the screen and so the border line only goes under the logo and not all the way across.

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.

Sounds good. I'll give it a stab.

Hen

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]



Reply via email to