Hi Christian,

The spacing between the banner and the content can be fixed easily. If
you look at the portion of the code relating to the navigation, you
will see this:

<div id="subheader">
        <div id="navigation">
                <ul>
                        <li><a class="active" 
href="#"><span>Home</span></a></li>
                        <li><a href="#"><span>News</span></a></li>
                        <li><a href="#"><span>Support</span></a></li>
                        <li><a href="#"><span>Extend</span></a></li>
                        <li><a href="#"><span>Projects</span></a></li>
                        <li><a href="#"><span>About</span></a></li>
                </ul>
        </div>
</div>
</div>

Just insert all content between the last two <div> closing tags. There
is also a content div in the stylesheet that you might want to wrap
everything in - that just adds top and bottom margins to space out
content a little. So transform that to:

<div id="subheader">
        <div id="navigation">
                <ul>
                        <li><a class="active" 
href="#"><span>Home</span></a></li>
                        <li><a href="#"><span>News</span></a></li>
                        <li><a href="#"><span>Support</span></a></li>
                        <li><a href="#"><span>Extend</span></a></li>
                        <li><a href="#"><span>Projects</span></a></li>
                        <li><a href="#"><span>About</span></a></li>
                </ul>
        </div>
</div>

<div id="content">
INSERT ALL CONTENT HERE.
</div>
</div>

My apologies, I should've made this more clear - the problem is caused
by the footer auto-positioning code - that's why all the content
appears just below the bottom of the browser window.

For language selection we could have a drop-down box listing all the
native language projects (and linking to them). Unless we don't want
to do some fancy server-side scripting to autodetect language and make
some suggestions based on that, I think the drop-down box would be the
best solution.

Cheers,
- Ivan.

On Wed, Feb 27, 2008 at 4:34 AM, Christian Lohmaier
<[EMAIL PROTECTED]> wrote:
> Hi Maarten, Ivan, *,
>
>  On Tue, Feb 26, 2008 at 08:38:27PM +1300, Ivan M wrote:
>  >
>  > Christian, you can download all the files from:
>  > www.patentpending.co.nz/openoffice/openoffice-basic.zip
>
>  Thanks. I added all the images included in that file - although I
>  renamed the all-to-generic logo.png to bannerlogo.png
>  Apart from that I renamed the css to styleTest.css, added
>  HeadTest.vm, BannerTest.vm and FooterTest.vm and included them in Pre- &
>  PostServlet.vm accordingly.
>
>  > [...]
>  > The only concern I have is that the tabs break quite badly in IE6.
>
>  Oh, while adding the snippets I have other concerns as well :-)
>
>  * How will the language-selection work? Currently it is a plain ul-list
>   Do we have to add all languages into the box? Do we add only the "top
>   five" and an "others" link?
>
>  > Also, we have not discussed the styling of the tabs much, but I
>  > suppose that can wait until the forms contained in the tabs are
>  > functional.
>
>  I didn't add functionality to the tabs yet, but if the design works with
>  any form-input-boxes, then this should not be any problem.
>
>  But when you browse at http://test.openoffice.org/ you'll see one big
>  problem:
>  There is huge spacing between banner and the actual page-content. And
>  even worse, the content of the page is cut-off by the footer.
>
>  I didn't have a look at the css yet, but that would be a major
>  dealbreaker for the servlets (like cvs-browsing and issuezilla - see for
>  example http://test.openoffice.org/source/browse/test/www/
>  http://test.openoffice.org/issues/show_bug.cgi?id=85633
>
>  ciao
>  Christian
>  --
>  NP: nichts
>
>  ---------------------------------------------------------------------
>  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]

Reply via email to