/    Sign up×
Community /Pin to ProfileBookmark

Stopping indent on <ul> styled with images

Copy linkTweet thisAlerts:
Jan 11.2006

I have a list with images as the bulletpoints.

I don’t want to have the indent on the left side

how do you do it?

Mr V

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@MagiJan 11.2006 — take down the margins and padding on the list.

ul {

margin:0;

padding:0;

}

you may find you just want to remove the left margin:

ul {

margin-left:0;

padding-left:0;

}

NB: different browsers interpret lists differently so you need to test different variations.

see [URL=http://www.html-faq.com/faq.php?category=css&fid=163]http://www.html-faq.com/faq.php?category=css&fid=163[/URL]
Copy linkTweet thisAlerts:
@alexthecattaJan 11.2006 — I got the same prob. For what I've tried, with IE6.0 u have to set general margin, not only left-margin.
Copy linkTweet thisAlerts:
@Mr_VauthorJan 11.2006 — Its a right pain in the butt this one.

still not working ?
Copy linkTweet thisAlerts:
@NogDogJan 11.2006 — CSS:
<i>
</i>.classname {
list-style-position: inside;
margin-left: 0;
padding-left: 0;
}
.classname li {
margin-left: 0;
padding-left: 0;
}

HTML:
[code=html]
<ul class="classname">
<li>blah blah blah</li>
<li>yadda yadda yadda</li>
</ul>
[/code]
Copy linkTweet thisAlerts:
@alexthecattaJan 12.2006 — it seems like u can help me ? So here I go on with problems concerning maring with <ul> and <li> tags.

this is my CSS code

[code=html]#divBreadcrumb ul {
display:inline;
list-style-type:none;
margin: 0px;
padding: 0px;
}
#divBreadcrumb li {
display: inline;
margin-right: 20px;
margin-left: 2px;
margin-top: 15px;
padding-bottom: 3px;
padding-top: 12px;
}[/code]

Concerning top margin and padding: I can not see any changing if I change their value, why? It may be cos the height of the DIV that contains ul it's fixed?

thanks in advance

Ale
Copy linkTweet thisAlerts:
@Elliott_HirdJan 12.2006 — ^ Shouldn't that be in a new thread?
×

Success!

Help @Mr_V spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...