subject:"\[css\-d\] gettings lists to align right"

Re: [css-d] gettings lists to align right

2009-02-02 Thread Sandy


 I don't know if anyone has replied yet but this is was I've come up with 
 so far.
 
 I've opened this in FF, IE7, and IE6 and yes it does reverse its order. 
 As I've found out from Googling it would seem this is the correct method 
 as per CSS spec.
 I cannot seem to find your hacks in the HTML or CSS code, only test3.css 
 - where are you loading them?
 
 Since you are floating each li right it would logically reverse the 
 order (first li goes rightmost, etc).
 I usually cheat and place the ul in a span and float that right.
 
 Ta,
 
 ~Mx
 
 
 On Jan 30, 2009 10:29pm, Sandy sfeld...@sympatico.ca wrote:
   hey all,
  
  
  
   there is a problem I hope you can help with - I am pretty much at the
  
   end of my rope.
  
  
  
   I have a page where I would like some things to line up on the right,
  
   and it's working in the browsers I've tested except for IE6 and 7.
  
  
  
   I've got it more or less looking right in 7, if you don't look too
  
   closely. To get the two lists in the menu to align right, I have an ie7
  
   specific style which reads
  
  
  
   .menu ul li {
  
   float : right;
  
   }
  
  
  
   now - this is good except that the links are now in the opposite order
  
   than I want them.
  
  
  
   http://www.caut.ca/ugfa/test/test3.html
  
   http://www.caut.ca/ugfa/test/js_css/test3.css
  
   http://www.caut.ca/ugfa/test/js_css/ie7-hacks3.css
  
   http://www.caut.ca/ugfa/test/js_css/ie6-hacks3.css
  
  
  
   thanks in advance.
  
   (also apologies if I've sent this twice - a little email trouble)

hi Mx,

Thanks for looking at my problem.
Georg sent me this, and it works. I have been able to delete the hacks.

best regards, Sandy

from Georg:

1: delete the mentioned IE-only styles.

2: replace existing styles for the relevant elements with the following...

.menu {
clear : both;
width : 780px;
margin-right : 10px;
font-size : .9em;
font-family : arial, sans-serif;
font-weight : normal;
letter-spacing : .03em;
background-color : transparent;
padding-top: 40px;
}

.menu ul {
padding : 0;
margin : 0;
clear : left;
color : #5d7e25;
text-align : right;
list-style-type : none;
background-color : transparent;
text-align: right;
}

.menu ul li {
display : inline;
}

...and all major browsers will agree (with you) on how to render it...
http://www.gunlaug.no/tos/alien/sandy/test_09_0131.html


The problems with IE7 and older are related to right-floats and
clearing bugs, so the solution is to avoid right-floats and rely on
'text-align' instead. Even IE supports that bit of CSS pretty flawless.

regards
 Georg
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] gettings lists to align right

2009-02-02 Thread Virgilio Quilario

hi,

i didn't see this in the site.

.menu ul li {
  float : right;
 }

perhaps fixed already?

virgil
http://www.jampmark.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] gettings lists to align right

2009-02-02 Thread mx . cssdee

Hi Sandy,

I don't know if anyone has replied yet but this is was I've come up with so  
far.

I've opened this in FF, IE7, and IE6 and yes it does reverse its order. As  
I've found out from Googling it would seem this is the correct method as  
per CSS spec.
I cannot seem to find your hacks in the HTML or CSS code, only test3.css -  
where are you loading them?

Since you are floating each li right it would logically reverse the order  
(first li goes rightmost, etc).
I usually cheat and place the ul in a span and float that right.

Ta,

~Mx


On Jan 30, 2009 10:29pm, Sandy sfeld...@sympatico.ca wrote:
 hey all,



 there is a problem I hope you can help with - I am pretty much at the

 end of my rope.



 I have a page where I would like some things to line up on the right,

 and it's working in the browsers I've tested except for IE6 and 7.



 I've got it more or less looking right in 7, if you don't look too

 closely. To get the two lists in the menu to align right, I have an ie7

 specific style which reads



 .menu ul li {

 float : right;

 }



 now - this is good except that the links are now in the opposite order

 than I want them.



 http://www.caut.ca/ugfa/test/test3.html

 http://www.caut.ca/ugfa/test/js_css/test3.css

 http://www.caut.ca/ugfa/test/js_css/ie7-hacks3.css

 http://www.caut.ca/ugfa/test/js_css/ie6-hacks3.css



 thanks in advance.

 (also apologies if I've sent this twice - a little email trouble)



 Sandy



 __

 css-discuss [cs...@lists.css-discuss.org]

 http://www.css-discuss.org/mailman/listinfo/css-d

 List wiki/FAQ -- http://css-discuss.incutio.com/

 List policies -- http://css-discuss.org/policies.html

 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] gettings lists to align right

2009-02-02 Thread Martyn Merrett

Cool :) Glad you got it sorted!
I thought I was going mad as I didn't see your hacks lol

~Mx
http://www.mxdx.co.uk



2009/2/2 Sandy sfeld...@sympatico.ca:

 I don't know if anyone has replied yet but this is was I've come up with
 so far.

 I've opened this in FF, IE7, and IE6 and yes it does reverse its order. As
 I've found out from Googling it would seem this is the correct method as per
 CSS spec.
 I cannot seem to find your hacks in the HTML or CSS code, only test3.css -
 where are you loading them?

 Since you are floating each li right it would logically reverse the
 order (first li goes rightmost, etc).
 I usually cheat and place the ul in a span and float that right.

 Ta,

 ~Mx


 On Jan 30, 2009 10:29pm, Sandy sfeld...@sympatico.ca wrote:
   hey all,
  
  
  
   there is a problem I hope you can help with - I am pretty much at the
  
   end of my rope.
  
  
  
   I have a page where I would like some things to line up on the right,
  
   and it's working in the browsers I've tested except for IE6 and 7.
  
  
  
   I've got it more or less looking right in 7, if you don't look too
  
   closely. To get the two lists in the menu to align right, I have an ie7
  
   specific style which reads
  
  
  
   .menu ul li {
  
   float : right;
  
   }
  
  
  
   now - this is good except that the links are now in the opposite order
  
   than I want them.
  
  
  
   http://www.caut.ca/ugfa/test/test3.html
  
   http://www.caut.ca/ugfa/test/js_css/test3.css
  
   http://www.caut.ca/ugfa/test/js_css/ie7-hacks3.css
  
   http://www.caut.ca/ugfa/test/js_css/ie6-hacks3.css
  
  
  
   thanks in advance.
  
   (also apologies if I've sent this twice - a little email trouble)

 hi Mx,

 Thanks for looking at my problem.
 Georg sent me this, and it works. I have been able to delete the hacks.

 best regards, Sandy

 from Georg:

 1: delete the mentioned IE-only styles.

 2: replace existing styles for the relevant elements with the following...

 .menu {
 clear : both;
 width : 780px;
 margin-right : 10px;
 font-size : .9em;
 font-family : arial, sans-serif;
 font-weight : normal;
 letter-spacing : .03em;
 background-color : transparent;
 padding-top: 40px;
 }

 .menu ul {
 padding : 0;
 margin : 0;
 clear : left;
 color : #5d7e25;
 text-align : right;
 list-style-type : none;
 background-color : transparent;
 text-align: right;
 }

 .menu ul li {
 display : inline;
 }

 ...and all major browsers will agree (with you) on how to render it...
 http://www.gunlaug.no/tos/alien/sandy/test_09_0131.html


 The problems with IE7 and older are related to right-floats and
 clearing bugs, so the solution is to avoid right-floats and rely on
 'text-align' instead. Even IE supports that bit of CSS pretty flawless.

 regards
Georg

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] gettings lists to align right

2009-01-30 Thread Sandy

hey all,

there is a problem I hope you can help with - I am pretty much at the 
end of my rope.

I have a page where I would like some things to line up on the right, 
and it's working in the browsers I've tested except for IE6 and 7.

I've got it more or less looking right in 7, if you don't look too 
closely. To get the two lists in the menu to align right, I have an ie7 
specific style which reads

.menu ul li {
float : right;
}

now - this is good except that the links are now in the opposite order 
than I want them.

http://www.caut.ca/ugfa/test/test3.html
http://www.caut.ca/ugfa/test/js_css/test3.css
http://www.caut.ca/ugfa/test/js_css/ie7-hacks3.css
http://www.caut.ca/ugfa/test/js_css/ie6-hacks3.css

thanks in advance.
(also apologies if I've sent this twice - a little email trouble)

Sandy

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] gettings lists to align right

Re: [css-d] gettings lists to align right

Re: [css-d] gettings lists to align right

Re: [css-d] gettings lists to align right

[css-d] gettings lists to align right

5 matches

Site Navigation

Mail list logo

Footer information