Ett av jarvklos exempel

--- title: "

\ xxx\ ... lista? ``` ``` Koden ovan ersätter färgen bakom xxx och inte bakom siffrorna. Jag vill alltså att 1) 2) 3) ska ha en bakgrundsfärg men inte xxx texten. 1) xxx 2) xxx 3) xxx Permalänk: https://www.webforum.nu/p/175519 ## #2 — Nate.A, 2008-11-25T20:09Z Du kan flytta in listans numrering eller bullets(ul) med css list-style-postition: inside; Permalänk: https://www.webforum.nu/p/2157371 ## #3 — jarvklo, 2008-11-25T21:27Z > **Mattias Nordin skrev:** > > Jag vill alltså att 1) 2) 3) ska ha en bakgrundsfärg men inte xxx texten. > > 1) xxx > 2) xxx > 3) xxx Här är en variant som bygger på att siffrorna så att säga hamnar i marginalen för li när man kör med defaulten på list-style-position, samtidigt som marginalinställningarna för listan görs om till att använda en padding på ul som indrag. ``` Ett av jarvklos exempel

``` [Testa](http://member.webforum.nu/2241/listbakgrundsfarger.html) Permalänk: https://www.webforum.nu/p/2157381 ## #4 — Nate.A, 2008-11-25T21:56Z hoppsan, jag läste visst inte igenom inägget ordentligt :r Permalänk: https://www.webforum.nu/p/2157385 ## #5 — Mattias Nordin, 2008-11-26T08:07Z Strålande Jarvklo! En följdfråga: Går det att sätta olika färger på bullet listan och texten? I koden nedan blir allt rött. ``` ol { background-color:#ccc; color:green; margin:0; padding-left: 40px; } li { background-color:#fff; color: red; margin:0; padding-left: 0; } ``` Permalänk: https://www.webforum.nu/p/2157396 ## #6 — jarvklo, 2008-11-26T17:52Z Nope. sez: > The list properties describe basic visual formatting of lists: they allow style sheets to specify the marker type (image, glyph, or number), and the marker position with respect to the principal box (outside it or within it before content). **They do not allow authors to specify distinct style (colors, fonts, alignment, etc.) for the list marker or adjust its position with respect to the principal box; these may be derived from the principal box.** Härute i verkligheten krävs det alltså lösningar liknande t.ex. den att HTML-mässigt ta till en \ inuti varje \ för att kunna få till just den effekten. Man får helt enkelt tji av CSS2.1 Permalänk: https://www.webforum.nu/p/2157439 --- Tråden på webben: https://www.webforum.nu/amne/html-css/175519-ol-bakgrund