Firstly in your CSS you have float:centre
There is no float:center as far as i know .. if there were it would be
"center" <--- american spelling
i also cannot see any Javascript in there to help you with
----- Original Message -----
From: "vanq69" <jaed...@gmail.com>
To: "Prototype & script.aculo.us" <prototype-scriptaculous@googlegroups.com>
Sent: Thursday, February 26, 2009 11:37 AM
Subject: [Proto-Scripty] Re: Adding Scroll bars to list
>
> Have had a look into this and havent been able to find a suitable
> method.
>
> I am aiming for having a space for 12 rows with scrollbars to get to
> the rest,
> with the top div - "addPage" and the bottom div - "trash" being always
> visible.
>
> Here is the code im currently trying:
>
> <!-- start sidebar2 -->
> <div id="sidebar2" class="sidebar">
> <ul>
> <li id="chunkListModule">
> <h2>Chunk List</h2>
> <div id = "addPage">
> <h4 align="center">DRAG HERE TO ADD TO PAGE</h4>
> </div>
> <br />
> <ul setsize=12 id="chunksList" class="sortableList"
> onmouseup="processChunk('chunksList', 'recreateList')">
> <?php
> $myChunksList = new ChunksList();
> echo $myChunksList->BuildChunksList();
> ?>
> </ul>
> <br />
> <div id = "trash">
> <h4 align="center">DRAG HERE TO DELETE</h4>
> </div>
> </ul>
> </div>
> <!-- end sidebar2 -->
>
> And here is the relevant parts of the CSS:
>
> /* Sidebar2 CSS */
>
> #sidebar2 {
> float: centre;
> padding: 20px 20px;
> }
>
> #addPage
> {
> border: 4px solid #ffd90f;
> width: 190px;
> padding: 10px;
> }
>
> ul.sortableList
> {
> list-style-type: none;
> padding: 0px;
> margin: 0px;
> width: 220px;
> }
>
> ul.sortableList li
> {
> cursor: move;
> padding: 2px 2px;
> margin: 2px 0px;
> border: 1px solid #ffd90f;
> background-color: #eee;
> }
>
> #trash
> {
> border: 4px solid #ffd90f;
> width: 190px;
> padding: 10px;
> }
>
>
> Any thoughts or help would be great :)
>
> Regards
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
