WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS - listor utan mellanrum (https://www.wn.se/forum/showthread.php?t=1357)

AlternativePhotography 2004-01-28 17:43

Hej allesammans!

Jag gillar att använda listor i min html, men gillar inte mellanrummet mellan stycket och listan. Är det någon som vet hur jag kan få bort det? Gillar inte heller mellanrummet mellan vänstermarginalen och 'bullet', men det har jag lyckats få bort med en margin-left på minus 15.
Margin-top på minus funkar inte, då blir line-heighten konstig.

I mina stylesheetet har jag följande:
li {FONT-SIZE: 10px; line-height: 13 px ; COLOR: #484a45; FONT-FAMILY: Verdana, Geneva, sans-serif; margin-left: -15 px;}

och så här ser listan ut:


Här är stycket ovanför
<ul>[*] Det är luften ovanför detta stycke jag vill ha bort.[*] Här kommer nästa bullet.[/list]Lite mer text här</p>

Några bra tips från någon css expert?
Vänliga hälsningar,
Malin

Hennke 2004-01-28 19:29

Vet inte hur pass kompatibelt det här är men du kan ju testa, funkar för IE iaf.

Kod:

<p>Här är stycket ovanför
<li> Det är luften ovanför detta stycke jag vill ha bort.</li>
<li> Här kommer nästa bullet.</li>
Lite mer text här</p>


Anders 2004-01-29 00:39

Citat:

Originally posted by Hennke@Jan 28 2004, 16:29
Vet inte hur pass kompatibelt det här är men du kan ju testa, funkar för IE iaf.
Jag har för mig att man inte får ha en lista (ul och då även li) i en paragraf (p) enligt W3C... men det kan hända det är XHTML. Är dock inte säker...

Hennke 2004-01-29 01:38

Hade för mig att det existerade något sådant, men tror inte det är XHTML heller.

Christian 2004-01-29 03:13

Prova med att lägga till "padding: 0 px;" , det borde hjälpa.

AlternativePhotography 2004-01-29 18:22

Provade att ta bort <ul>

Alltså:


Här är stycket ovanför[*] Det är luften ovanför detta stycke jag vill ha bort.[*] Här kommer nästa bullet.
</p>


Lite mer text här</p>

Problemet är att den andra paragrafen 'Lite mer...' följer stylesheeten för[*] och inte stylesheeten för

.
Provade även padding: 0px... men fick det inte att funka. Så här ser min[*] ut:
li {FONT-SIZE: 10px; line-height: 13 px; COLOR: #484a45; FONT-FAMILY: Verdana, Geneva, sans-serif; margin-left: -15 px; padding: 0px }

Malin

Christian 2004-01-29 23:03

Jag ser att du har applicerat din style på <LI> taggen.
Det du ska styla är <UL>, ett litet test visade att följande tar bort marginalen både över och under listan:
Kod:

ul {
        margin-top: -20px;
        margin-bottom: -20px;
}


AlternativePhotography 2004-02-05 17:18

Jamen, det funkar ju alldeles utmärkt!
Tackar hjärtligast!
Malin


Alla tider är GMT +2. Klockan är nu 04:08.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson