Re: li tag also with align right

2013-10-18 Thread Remi Grumeau
Dont forget position: relative; on li.group to avoid the em to go on top of 
the screen. 


Le 18 oct. 2013 à 06:17, Rune Back rune.b...@gmail.com a écrit :

 Remi
 Yup!
 .group  em.right {font-style:normal; position:absolute; right:3px; }
 Works like a dream!
 Thanks!
 Rune
 
 
 
 2013/10/17 Remi Grumeau remi.grum...@gmail.com
 Hi Rune,
 
 You can't have to different text alignment in the same element.
 Which means you need another element to put your content in.
 
 Two solutions: 
 A real element like 
 li class=grouptextemsecond text/em/li, 
 
 Or using a pseudo-element and a specific attribute 
 li class=group data-alternative=second texttext/li 
 
 Real element kinda pollute the DOM, pseudo-element is limited to text-only 
 (no link, image, …)
 
 In both cases, define position: relative on li.group, then use position: 
 absolute; right: 0; for the em  / pseudo-element.
 
 
 Remi 
 
 Le 17 oct. 2013 à 15:55, runback rune.b...@gmail.com a écrit :
 
 Hi Remi
 
 I use the following code:
 
 li class=groupText to the left/li
 
 Works like a dream! - But what if I also want to set some text to the right 
 on the same line (but with another font and color)? How do I do that?
 
 Regards
 
 Rune
 
 -- 
 You received this message because you are subscribed to the Google Groups 
 iPhoneWebDev group.
 To unsubscribe from this group and stop receiving emails from it, send an 
 email to iphonewebdev+unsubscr...@googlegroups.com.
 To post to this group, send email to iphonewebdev@googlegroups.com.
 Visit this group at http://groups.google.com/group/iphonewebdev.
 For more options, visit https://groups.google.com/groups/opt_out.
 
 
 -- 
 You received this message because you are subscribed to the Google Groups 
 iPhoneWebDev group.
 To unsubscribe from this group and stop receiving emails from it, send an 
 email to iphonewebdev+unsubscr...@googlegroups.com.
 To post to this group, send email to iphonewebdev@googlegroups.com.
 Visit this group at http://groups.google.com/group/iphonewebdev.
 For more options, visit https://groups.google.com/groups/opt_out.
 
 
 -- 
 You received this message because you are subscribed to the Google Groups 
 iPhoneWebDev group.
 To unsubscribe from this group and stop receiving emails from it, send an 
 email to iphonewebdev+unsubscr...@googlegroups.com.
 To post to this group, send email to iphonewebdev@googlegroups.com.
 Visit this group at http://groups.google.com/group/iphonewebdev.
 For more options, visit https://groups.google.com/groups/opt_out.

-- 
You received this message because you are subscribed to the Google Groups 
iPhoneWebDev group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to iphonewebdev+unsubscr...@googlegroups.com.
To post to this group, send email to iphonewebdev@googlegroups.com.
Visit this group at http://groups.google.com/group/iphonewebdev.
For more options, visit https://groups.google.com/groups/opt_out.


Re: li tag also with align right

2013-10-17 Thread Remi Grumeau
Hi Rune,

You can't have to different text alignment in the same element.
Which means you need another element to put your content in.

Two solutions: 
A real element like 
li class=grouptextemsecond text/em/li, 

Or using a pseudo-element and a specific attribute 
li class=group data-alternative=second texttext/li 

Real element kinda pollute the DOM, pseudo-element is limited to text-only (no 
link, image, …)

In both cases, define position: relative on li.group, then use position: 
absolute; right: 0; for the em  / pseudo-element.


Remi 

Le 17 oct. 2013 à 15:55, runback rune.b...@gmail.com a écrit :

 Hi Remi
 
 I use the following code:
 
 li class=groupText to the left/li
 
 Works like a dream! - But what if I also want to set some text to the right 
 on the same line (but with another font and color)? How do I do that?
 
 Regards
 
 Rune
 
 -- 
 You received this message because you are subscribed to the Google Groups 
 iPhoneWebDev group.
 To unsubscribe from this group and stop receiving emails from it, send an 
 email to iphonewebdev+unsubscr...@googlegroups.com.
 To post to this group, send email to iphonewebdev@googlegroups.com.
 Visit this group at http://groups.google.com/group/iphonewebdev.
 For more options, visit https://groups.google.com/groups/opt_out.

-- 
You received this message because you are subscribed to the Google Groups 
iPhoneWebDev group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to iphonewebdev+unsubscr...@googlegroups.com.
To post to this group, send email to iphonewebdev@googlegroups.com.
Visit this group at http://groups.google.com/group/iphonewebdev.
For more options, visit https://groups.google.com/groups/opt_out.


Re: li tag also with align right

2013-10-17 Thread Rune Back
Remi
Yup!
.group  em.right {font-style:normal; position:absolute; right:3px; }
Works like a dream!
Thanks!
Rune



2013/10/17 Remi Grumeau remi.grum...@gmail.com

 Hi Rune,

 You can't have to different text alignment in the same element.
 Which means you need another element to put your content in.

 Two solutions:
 A real element like
 li class=grouptextemsecond text/em/li,

 Or using a pseudo-element and a specific attribute
 li class=group data-alternative=second texttext/li

 Real element kinda pollute the DOM, pseudo-element is limited to text-only
 (no link, image, …)

 In both cases, define position: relative on li.group, then use position:
 absolute; right: 0; for the em  / pseudo-element.


 Remi

 Le 17 oct. 2013 à 15:55, runback rune.b...@gmail.com a écrit :

 Hi Remi

 I use the following code:

 li class=groupText to the left/li

 Works like a dream! - But what if I also want to set some text to the
 right on the *same line* (but with another font and color)? How do I do
 that?

 Regards

 Rune

 --
 You received this message because you are subscribed to the Google Groups
 iPhoneWebDev group.
 To unsubscribe from this group and stop receiving emails from it, send an
 email to iphonewebdev+unsubscr...@googlegroups.com.
 To post to this group, send email to iphonewebdev@googlegroups.com.
 Visit this group at http://groups.google.com/group/iphonewebdev.
 For more options, visit https://groups.google.com/groups/opt_out.


  --
 You received this message because you are subscribed to the Google Groups
 iPhoneWebDev group.
 To unsubscribe from this group and stop receiving emails from it, send an
 email to iphonewebdev+unsubscr...@googlegroups.com.
 To post to this group, send email to iphonewebdev@googlegroups.com.
 Visit this group at http://groups.google.com/group/iphonewebdev.
 For more options, visit https://groups.google.com/groups/opt_out.


-- 
You received this message because you are subscribed to the Google Groups 
iPhoneWebDev group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to iphonewebdev+unsubscr...@googlegroups.com.
To post to this group, send email to iphonewebdev@googlegroups.com.
Visit this group at http://groups.google.com/group/iphonewebdev.
For more options, visit https://groups.google.com/groups/opt_out.