Solved

Alignment issue with ul li

Posted on 2013-12-18
8
173 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
Automating Terraform w Jenkins & AWS CodeCommit

How to configure Jenkins and CodeCommit to allow users to easily create and destroy infrastructure using Terraform code.

 
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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

615 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