Re: [css-d] gettings lists to align right
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 :
>
>> 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 right it would logically reverse the
>> order (first goes rightmost, etc).
>> I usually cheat and place the in a and float that right.
>>
>> Ta,
>>
>> ~Mx
>>
>>
>> On Jan 30, 2009 10:29pm, Sandy 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...
>
>
>
> 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
> 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 right it would logically reverse the
> order (first goes rightmost, etc).
> I usually cheat and place the in a and float that right.
>
> Ta,
>
> ~Mx
>
>
> On Jan 30, 2009 10:29pm, Sandy 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...
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
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
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 right it would logically reverse the order
(first goes rightmost, etc).
I usually cheat and place the in a and float that right.
Ta,
~Mx
On Jan 30, 2009 10:29pm, Sandy 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/
[css-d] gettings lists to align right
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/
