--- title: "HTML punktlista" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/191168-html-punktlista" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Heatseeker" published: "2013-02-20T04:19:04.000Z" updated: "2013-02-22T23:43:26.000Z" replies: 16 views: 2141 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/191168-html-punktlista" --- # HTML punktlista ## #1 — Heatseeker, 2013-02-20T04:19Z Är det någon som vet hur man gör för att texten i en punktlista inte hamnar direkt under punkten vid radbrytning? dvs texten ska hamna på samma vertikala rad. Tack på förhand Permalänk: https://www.webforum.nu/p/191168 ## #2 — voigtann1, 2013-02-20T05:33Z floatar dina li element och kör list-style på vad du nu vill ha: ``` ul { padding: 0; } li { float: left; list-style: disc inside none; margin: 0 5px; } ``` något i den stilen kanske? Permalänk: https://www.webforum.nu/p/2307957 ## #3 — Danne V, 2013-02-20T05:36Z Det är så en punktlista ska se ut automatiskt, om man inte gör någonting alls. Men jävlas det och du måste ordna detta manuellt, så är det ``` li {list-style: outside;} ``` i stilmallen som gäller. Testa exemplet nedan i en webbläsare och byt ut "outside" mot "inside": ``` ``` Permalänk: https://www.webforum.nu/p/2307958 ## #4 — voigtann1, 2013-02-20T06:10Z Var det det han/hon menade, ja då så Permalänk: https://www.webforum.nu/p/2307960 ## #5 — Heatseeker, 2013-02-22T01:53Z Den ligger i en tabell: ```
  • text
    		•
  • text
    		•
  • text
    		•
    ``` har kört ``` li {list-style: inside;} ``` så att prickarna ska hamna i linje med all text ovan. vad göra?:/ Permalänk: https://www.webforum.nu/p/2307998 ## #6 — voigtann1, 2013-02-22T05:49Z en li få inte ligga fritt, du måste ha en ul lista, ta bort tabellen, finns absolut ingen anledning att använda den i huvudtaget. Permalänk: https://www.webforum.nu/p/2307999 ## #7 — Heatseeker, 2013-02-22T07:57Z ok. Tack! Men faktum kvarstår att jag måste köra ``` li{list-style:inside} ``` för att det ska hamna i linje med texten ovan Permalänk: https://www.webforum.nu/p/2308002 ## #8 — Heatseeker, 2013-02-22T08:00Z Anledningen till att jag ville ha tabell var för att jag har en summa i kr efter som jag inte tyks få i linje. Hade du gjort 2 st divs då och köra text-align:left på den div där summan ska stå? Permalänk: https://www.webforum.nu/p/2308003 ## #9 — voigtann1, 2013-02-22T08:05Z Jag har ingen aning vad du försöker återskapa, lägg upp en demo eller använd , eller liknande tjänster att återskapa din befintliga kod. list-style skulle nog vara outside om jag förstå danne rätt (om inte han missförstått dig) Permalänk: https://www.webforum.nu/p/2308004 ## #10 — Heatseeker, 2013-02-22T08:12Z Är inte så komplicerat. det jag försöker återskapa är den här texten: ``` Ordinarie Medlem: 545kr Familjemedlem: 145kr Ungdomsmedlem: betalas till Sveriges hundungdom ``` precis som i det här exemplet så vill inte "1" i "145" hamna i linje med 545 varav min tanke bakom tabellen Permalänk: https://www.webforum.nu/p/2308005 ## #11 — prplxr, 2013-02-22T08:22Z Det där är ju absolut tabulär data så jag förstår inte varför du inte skulle använda en tabell bara? Bara för att man inte bör DESIGNA med tabeller så betyder det inte att man inte ska använda dem. Permalänk: https://www.webforum.nu/p/2308007 ## #12 — voigtann1, 2013-02-22T08:22Z Du kan ju köra en tabell: Permalänk: https://www.webforum.nu/p/2308008 ## #13 — voigtann1, 2013-02-22T08:23Z > **[prplxr skrev:](https://www.webforum.nu/p/1558711)** > > Det där är ju absolut tabulär data så jag förstår inte varför du inte skulle använda en tabell bara? Bara för att man inte bör DESIGNA med tabeller så betyder det inte att man inte ska använda dem. Det beror nog på av den datan man fick i Heatseeker första exempel: ```
  • text
    		•
  • text
    		•
  • text
    		•
    ``` så är detta inte tabell data. Permalänk: https://www.webforum.nu/p/2308009 ## #14 — prplxr, 2013-02-22T09:12Z > **[voigtann1 skrev:](https://www.webforum.nu/p/1558713)** > > Det beror nog på av den datan man fick i Heatseeker första exempel: > > > ``` > > > > > > > > > > >
  • text
  • text
  • text
    • > ``` > > så är detta inte tabell data. Nej, visst inte. TS visste ju dock vad det rörde sig om för data, bara det att han inte delgav oss det på ett sätt så man förstod det. Permalänk: https://www.webforum.nu/p/2308010 ## #15 — Heatseeker, 2013-02-22T11:46Z körde den som du gjorde: egentligen hade jag ju strul på 2 ställen. dels den texten som jag skrev ovan. Sen en där det var lite längre text. Att köra ``` li{list-style:inside} ``` fick texten att hamna direkt under punkterna vid radbrytning. löste det med ``` li{list-style:outside} ``` och på det padding-left:xx låter det som en bra lösning? Permalänk: https://www.webforum.nu/p/2308012 ## #16 — voigtann1, 2013-02-22T11:55Z Ja Permalänk: https://www.webforum.nu/p/2308013 ## #17 — hltm, 2013-02-22T23:43Z Spontant känns en dl mest enklast/bäst i det här fallet, typ nåt sånt här: ``` test
    Ordinarie Medlem:
    545kr
    Familjemedlem:
    145kr
    Ungdomsmedlem:
    betalas till Sveriges hundungdom
    ``` Funkar semantiskt i min värld men gillar att bli överbevisad :) Permalänk: https://www.webforum.nu/p/2308018 --- Tråden på webben: https://www.webforum.nu/amne/html-css/191168-html-punktlista