Søg
Avatar billede -42- Nybegynder
21. oktober 2003 - 09:37 Der er 20 kommentarer og
1 løsning

hvordan styrre man en bullets placering

hvordan styrre man en bullets placering iforhold til teksten.

UL LI {
    list-style-image: url(pics/bullet.gif);
    font-size: 11px;
}

Jeg vil gerne have min bullet tættere på teksten, og ca. 2px længere ned.

Hvordan gøres det?
Avatar billede roenving Novice
21. oktober 2003 - 09:42 #1
Den eneste jeg umiddelbart kunne se kunne gøre en forskel, kunne være:

list-style-position:inside;

-- så den kunne du jo lige prøve !-)
Avatar billede thor.ostergaard Nybegynder
21. oktober 2003 - 09:48 #2
hva' med at flytte teksten i stedet?
Avatar billede -42- Nybegynder
21. oktober 2003 - 09:55 #3
Ahh ja du siger noget... kan man have negative padding værdier?
Avatar billede deadlydoom Nybegynder
21. oktober 2003 - 09:58 #4
NOOOOO
Avatar billede roenving Novice
21. oktober 2003 - 10:03 #5
men margin-værdier:

margin-left:-2px;
margin-top:-2px;

-- som du så kan sætte på en span inde i dine liste-elementer !-)
Avatar billede -42- Nybegynder
21. oktober 2003 - 10:03 #6
NOOOOOOOOOOOO ?
Avatar billede -42- Nybegynder
21. oktober 2003 - 10:19 #7
ok, nu ser det sådan her ud:
.sitemaplist {
    margin-left: -8px;
    text-decoration: none;

}
UL LI {
    list-style-image: url(pics/bullet.gif);
    font-size: 11px;
}






<ul>
                          <li><a href="hair.htm"><span class="sitemaplist">Hair removal</span></a></li>
                          <li><a href="treatments.htm"><span class="sitemaplist">Vascular treatments</span></a></li>
                        </ul>




Placeringen er rigtig, men når jeg skifter linie kommer der et indryk på de 8 px... Kan det undgås?
Avatar billede roenving Novice
21. oktober 2003 - 10:26 #8
Så er det first-line-pseudotingen du skal bruge

http://www.w3.org/TR/REC-CSS2/selector.html#first-line-pseudo
Avatar billede -42- Nybegynder
21. oktober 2003 - 10:32 #9
Ok jeg er ikke lige helt med nu...
Avatar billede ohmish Nybegynder
21. oktober 2003 - 13:36 #10
ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }
   
li {
    padding: 0;
    margin: 0;
    /* display: inline; */
    }
Avatar billede -42- Nybegynder
21. oktober 2003 - 13:38 #11
ohmish>> hvad så med billedet?
Avatar billede ohmish Nybegynder
21. oktober 2003 - 14:23 #12
prøv dig frem. sæt det evt. ind som nederste linie :)
Avatar billede -42- Nybegynder
21. oktober 2003 - 14:34 #13
Det er sgu helt hen i vejret, jeg har prøvet hele dagen, uden noget resultat på nogen måde. Og jeg har prøvet mig frem...
Avatar billede ohmish Nybegynder
21. oktober 2003 - 14:37 #14
de linier jeg skrev fjerner vel indrykket?
Avatar billede -42- Nybegynder
21. oktober 2003 - 14:43 #15
Niks, der er indryk pr default... Man kan så sætte margin-left til en negativ værdi, men så kommer der problemer ved linieskift
Avatar billede roenving Novice
22. oktober 2003 - 02:07 #16
<head>
<style type="text/css">

.sitemaplist first-line{
    margin-left: -8px;
}
.sitemaplist {
    text-decoration: none;

}
UL LI {
    list-style-image: url(pics/bullet.gif);
    font-size: 11px;
}
</style>
</head>

<body>

<ul>
                          <li><a href="hair.htm"><span class="sitemaplist">Hair removal<br>ækjdzfhlkzdjglkdj</span></a></li>
                          <li><a href="treatments.htm"><span class="sitemaplist">Vascular treatments</span></a></li>
                        </ul></ul>
                       
<div id="main"></div>
</body>
Avatar billede ohmish Nybegynder
22. oktober 2003 - 02:50 #17
det jeg skrev virker ellers hos mig :)
Avatar billede -42- Nybegynder
06. maj 2005 - 13:22 #18
nogle der vil have lidt point?
Avatar billede roenving Novice
06. maj 2005 - 14:21 #19
Virkede det ?-)
Avatar billede -42- Nybegynder
06. maj 2005 - 14:32 #20
Det kan jeg ikke huske... ;-)
Avatar billede roenving Novice
06. maj 2005 - 14:37 #21
-- men tak for point da ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 18:50 Slet lokal konto Af ErikHg i Windows
I går 16:05 Ændre tal i en celle Af xvid i Excel
I går 13:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
White papers
Flere white papers »