Solved

Alignment issue with ul li

Posted on 2013-12-18
8
167 Views
Last Modified: 2013-12-18
Hi,

I am using the following code,

http://jsfiddle.net/wHdYH/

But the issue is when i click it, the text goes to the right and click on again it comes to its same position

I am trying the way is when i click the li the list-style should come to none, but the text should not move

I am checking with IE7+ browsers and all OPera, Safari, FF, Chrome

Regards
0
Comment
  • 4
  • 4
8 Comments
 
LVL 10

Accepted Solution

by:
George Khairallah earned 500 total points
ID: 39727027
Change padding.left:0px

 
ul li.hideit {
	list-style: none;
	list-style-image: none;
	padding-left: 0px;
	cursor: pointer;
}

Open in new window

0
 
LVL 16

Author Comment

by:Gurpreet Singh Randhawa
ID: 39727051
it works with chrome and firefox, but in IE it is moving to the extreme left now
0
 
LVL 10

Expert Comment

by:George Khairallah
ID: 39727065
Hmm. I just tried it with IE 10, and it worked ok. What version of IE are you using?
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 16

Author Comment

by:Gurpreet Singh Randhawa
ID: 39727143
ok check this, i think something else is conflicting

http://tinyurl.com/o2nuwqb

check IN IE all browsers from IE7 onwards

Regards
0
 
LVL 10

Expert Comment

by:George Khairallah
ID: 39727171
Hmm.. this URL you sent me seems to also work on all consistently.  I tried it in IE10.
Is the page you sent me not working on IE for you?
0
 
LVL 16

Author Comment

by:Gurpreet Singh Randhawa
ID: 39727196
yes it is not?.

just clik the button on the top right corner and click on the popup arrow and see in IE.

Use f12 to change IE10 to diffrenet modes and see the issue
0
 
LVL 16

Author Comment

by:Gurpreet Singh Randhawa
ID: 39727297
i solved it, thanks for the help
0
 
LVL 10

Expert Comment

by:George Khairallah
ID: 39727400
I have tried it on IE5 through IE10, and i had no issues. I had problems with the display of the jsfiddle website itself, but not the CSS :)
In any case, I'm glad you got it resolved .
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now