[Nut-upsdev] Layout of AsciiDoc-based NUT webpage

[Arnaud Quette]

(missing attachment!)

2009/9/7 Arnaud Quette <aquette.dev at gmail.com>

>
> 2009/9/4 Charles Lepple <clepple at gmail.com>
>
>> Arnaud,
>>
>
> hey Charles,
>
>
>> one thing that bothers me a little bit about the new CSS webpage
>> layout is that the NUT banner at the top obscures the text in the top
>> portion of the page.
>>
>> This is not too much of an issue until you click on a link within a
>> document, and the browser scrolls to that anchor. Most of the time,
>> the destination of the link will be hidden behind the NUT banner.
>>
>> Can we make the banner scroll with the rest of the page? I am
>> indifferent as to whether the links on the left sidebar are fixed or
>> scrolling (so long as they don't jump around via JavaScript).
>>
>
> well, it's quite true.
>
> we should be able to make a variation for testing, and see if it's better.
>
> I've attached a txt file with the current layout, and 2 variations on a new
> one that would fit your above idea. What do you think about these?
>
> @Seb: do you have an approx. idea of the time needed to update the CSS?
>
> cheers,
> Arnaud
> --
> Linux / Unix Expert R&D - Eaton - http://www.eaton.com/mgeops
> Network UPS Tools (NUT) Project Leader - http://www.networkupstools.org/
> Debian Developer - http://www.debian.org
> Free Software Developer - http://arnaud.quette.free.fr/
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.alioth.debian.org/pipermail/nut-upsdev/attachments/20090907/a68f2315/attachment-0001.htm>
-------------- next part --------------
Current layout

# +-----------------------------------------------------+
# |          #layout-banner                             |
# +--------------+--------------------------------------+
# |              |                                      |
# |              |                                      |
# | #layout-menu |          #layout-content             |
# |              |                                      |
# |              |                                      |
# |              |                                      |
# +--------------+--------------------------------------+

Test layout

# +--------------+--------------------------------------+
# | #nut-logo    |          #layout-banner              |
# +--------------+--------------------------------------+
# |              |                                      |
# |              |                                      |
# | #layout-menu |          #layout-content             |
# |              |                                      |
# |              |                                      |
# |              |                                      |
# +--------------+--------------------------------------+

or 

# +--------------+--------------------------------------+
# |              |          #layout-banner              |
# |              |--------------------------------------+
# |              |                                      |
# | #layout-menu |                                      |
# |              |          #layout-content             |
# |              |                                      |
# |              |                                      |
# |              |                                      |
# +--------------+--------------------------------------+