Solved

Alignment issue with ul li

Posted on 2013-12-18
8
168 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
How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

 
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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery force form POST 7 44
2 separate CSS animations 2 16
JS Event Does not Trigger From File 2 24
..ignore the Question 1 4
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
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 …

809 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