---
title: "Rada upp meningar med CSS?!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/64504-rada-upp-meningar-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Dr-man"
published: "2003-01-11T18:03:48.000Z"
updated: "2003-01-12T07:53:28.000Z"
replies: 5
views: 376
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/64504-rada-upp-meningar-med-css"
---

# Rada upp meningar med CSS?!

## #1 — Dr-man, 2003-01-11T18:03Z

Kan jag hjälp med CSS få raderna på detta vis: 

```
- Här kommer det att finnas ett antal x adb-tips. 
- Det var min idé att vi skulle ha en sådan här sida, 
  vilket är en väldigt bra sådan. 
- Vi skulle kunna tillsammans hitta på dessa tips. 
- Vid varje månadskift skulle man byta ut de gamla tipsen mot  
  nya tipsen. Vad tycks?!
```

 
Istället för som dom är nu: 

```
- Här kommer det att finnas ett antal x adb-tips. 
- Det var min idé att vi skulle ha en sådan här sida, 
vilket är en väldigt bra sådan. 
- Vi skulle kunna tillsammans hitta på dessa tips. 
- Vid varje månadskift skulle man byta ut de gamla tipsen mot   
nya tipsen. Vad tycks?!
```

Hoppas ni förstod vad jag menade?

Permalänk: https://www.webforum.nu/p/64504

## #2 — OlleBoop, 2003-01-11T18:29Z

Gör en lista av det?

Permalänk: https://www.webforum.nu/p/909868

## #3 — Dr-man, 2003-01-11T18:31Z

Nu förstod jag inte riktigt?!

Permalänk: https://www.webforum.nu/p/909871

## #4 — Peter S, 2003-01-11T18:49Z

Som OlleBoop skrev, kan du göra en lista för att åstadkomma detta:

```
<ul style="list-style-image: url(minus.gif)">
     <li>Här kommer det att finnas ett antal x adb-tips.</li>
     <li>Det var min idé att vi skulle ha en sådan här sida, vilket är en väldigt bra sådan.</li>
     <li>Vi skulle kunna tillsammans hitta på dessa tips.</li>
     <li>Vid varje månadskift skulle man byta ut de gamla tipsen mot  nya tipsen. Vad tycks?!</li>
</ul>
```

Gör sedan en bild föreställandes ett minustecken och lägg den i samma mapp som HTML-dokumentet (minus.gif).

 :)

Permalänk: https://www.webforum.nu/p/909890

## #5 — jarvklo, 2003-01-12T00:52Z

Om våra "kära" webbläsare hade haft ett fullt fungerande CSS2-stöd, skulle du ha haft nytta av några av exemplen i <http://www.w3.org/TR/REC-CSS2/generate.html#q11>

Permalänk: https://www.webforum.nu/p/910107

## #6 — mikkeX, 2003-01-12T07:53Z

> **jarvklo skrev:**
>
> Om våra "kära" webbläsare hade haft ett fullt fungerande CSS2-stöd, skulle du ha haft nytta av några av exemplen i <http://www.w3.org/TR/REC-CSS2/generate.html#q11>

En liknande kod kan du få att funka i mozilla:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
ol
{
list-style: none;
}
li:before {
content: "- ";
}   
li
{
text-indent: -10px;
}
     </style>
</head>
<body>
<ol>
  <li> Det h&auml;r &auml;r f&ouml;rsta raden<br />
    med en &lt;br /&gt; </li>
  <li> Det h&auml;r &auml;r andra raden </li>
  <li> Och ytterligare en rad </li>
</ol>
</body>
</html>
```

Men annars tror jag på en lösning utan listor:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Som en lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
div
{
margin-top: 1em;
}
div p
{
text-indent: -10px;
font-family: verdana, sans-serif;
font-size: 10px;
padding-left: 9px;
margin: 10px;
margin-top: -10px;

}
</style>
</head>

<body>
<div> 
  <p>&#8211; Min f&ouml;rsta rad med en &lt;br /&gt;<br />
    som f&ouml;ljer</p>
  <p>&#8211; Min andra rad</p>
  <p>&#8211; Min tredj rad</p>
</div>
</body>
</html>
```

Den sista fungerar även i Netscape 4.x

Permalänk: https://www.webforum.nu/p/910243

---

Tråden på webben: https://www.webforum.nu/amne/html-css/64504-rada-upp-meningar-med-css
