On Wed, 5 Jan 2005, Dennis Lundberg wrote:

Henri Yandell wrote:


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.

I got that too at first. There was an align="left" attribute on the img-tag that was causing this. When I removed it things were back to normal.


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.

That's not good. I'll do some digging and see if I can get it to work.

Bet I left the align attr in :)

Sorry, early in the morning etc....

Hen

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



Reply via email to