Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Alignment issue with ul li

Posted on 2013-12-18
8
Medium Priority
?
175 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 2000 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
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 …

916 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