/    Sign up×
Community /Pin to ProfileBookmark

Lists

Copy linkTweet thisAlerts:
May 28.2005

How can I make an unordered list which works normally not be indented?

to post a comment
HTML

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYMay 28.2005 — you will have to style it with css
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYMay 28.2005 — [I]list2 [/I]is normal

[I]list1 [/I]is not indented
[code=php]
<html>
<head>
<title>list</title>
<style type="text/css">
ul#list1{
margin: 0;
padding: 0;
}
ul#list1 li{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<ul id="list1">
<li>item 1.1</li>
<li>item 1.2</li>
<li>item 1.3</li>
<li>item 1.4</li>
<li>item 1.5</li>
</ul>
<ul id="list2">
<li>item 2.1</li>
<li>item 2.2</li>
<li>item 2.3</li>
<li>item 2.4</li>
<li>item 2.5</li>
</ul>
</body>
</html>
[/code]
Copy linkTweet thisAlerts:
@tims15authorJun 03.2005 — But can I have it with the bullet points, just not indented?
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYJun 04.2005 — yes you could do that :
[code=php]
<html>
<head>
<title>list</title>
<style type="text/css">
ul#list1{
margin: 0;
padding: 0;
}
ul#list1 li{
margin: 0 1em;
padding: 0;
list-style-type: square;
}
</style>
</head>
<body>
<ul id="list1">
<li>item 1.1</li>

<li>item 1.2</li>
<li>item 1.3</li>
<li>item 1.4</li>
<li>item 1.5</li>
</ul>
<ul id="list2">
<li>item 2.1</li>

<li>item 2.2</li>
<li>item 2.3</li>
<li>item 2.4</li>
<li>item 2.5</li>
</ul>
</body>
</html>
[/code]
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYJun 04.2005 — instead of [I]square[/I] you can as well put[list]
  • [*]disc

  • [*]circle

    • [/list]

    visit the http://www.w3schools.com/css/pr_list-style-type.asp for other options
    Copy linkTweet thisAlerts:
    @tims15authorJun 04.2005 — Thanks very much, it works perfectly!
    ×

    Success!

    Help @tims15 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.6,
    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,
    )...