[WSG] alphabetic horizontal list problem

2005-07-22 Thread Stephanie 




I need to create an alphabetic 
horizontal list to link to content on a page - problem I am having is that I 
want to float the list right but when I do that the alphabetic list is ordered 
from Z - A instead of A - Z.

Any clue as to how to solve 
this problem?

Stephanie Champion

Re: [WSG] alphabetic horizontal list problem

2005-07-22 Thread Gary Menzel 
If the list is a ul/ul based list you should be able to float the ul right.

If that is giving problems then you might need to wrap a div around it and float the div right.

The following code uses a bit of JS to make getting the list easier, but has a floated right ul (with appropriate inline style on the li) and seems to work correctly...



htmlheadstylebody{font: 10pt 'Lucida Grande',Arial,Tahoma,Verdana,Helvetica,sans-serif;}#index1{float: right;}#index1 li
{display: inline;margin-left: 3px;margin-right: 3px;}/style
/head
body
ul id=index1scriptvar alphabet = ABCDEFGHIJKLMNOPQRSTUVWXYZ;for(i=0;i26;i++){document.write(li+alphabet.substr(i,1)+/li);
}/script/ul
/body/html




Regards,
Gary

On 7/22/05, Stephanie [EMAIL PROTECTED] wrote:


I need to create an alphabetic horizontal list to link to content on a page - problem I am having is that I want to float the list right but when I do that the alphabetic list is ordered from Z - A instead of A - Z.


Any clue as to how to solve this problem?

Stephanie Champion

Re: [WSG] alphabetic horizontal list problem

2005-07-22 Thread Paul Novitski 

At 02:03 AM 7/22/2005, Stephanie wrote:
I need to create an alphabetic horizontal list to link to content on a 
page - problem I am having is that I want to float the list right but when 
I do that the alphabetic list is ordered from Z - A instead of A - Z.


Any clue as to how to solve this problem?


Stephanie,

Float the alphabet letters left, then float their container right, e.g.,

div id=container
ul
lia href=#AA/a/li
lia href=#BB/a/li
lia href=#CC/a/li
...
lia href=#ZZ/a/li
/ul
/div

div#container
{
float: right;
}
div#container li
{
float: left;
}

(untested, but should be close)

Paul 



**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**