Solved

Alignment issue with ul li

Posted on 2013-12-18
8
171 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 
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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

734 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