CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

fcaspersen Nybegynder

03. november 2003 - 13:36 Der er 12 kommentarer og
1 løsning

Punktopstilling, størrelse på punkter

Hvordan styrer man størrelsen på punkterne i en punktopstilling. Kan det overhovedet gøres med CSS
Alt andet har jeg styr på, men punkterne er følsomme overfor Internet Explorers Vis - Tekststørrelse og dermed for Ctrl+scroll på en scrollmus

Venligst
Freddy Caspersen

Synes godt om

mm12010 Nybegynder

03. november 2003 - 13:51 #1

http://www.alistapart.com/articles/taminglists/

Synes godt om

fcaspersen Nybegynder

03. november 2003 - 22:54 #2

Du må meget undskylde, men jeg kan altså ikke finde det sted i artiklen, hvor det står.
Her er min foreløbige kode:
*********
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Tame your list</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">

<style TYPE="text/css">
#base {
border: 1px solid #000;
margin: 2em;
width: 10em;
padding: 5px;

}
</style>
</HEAD>
<BODY>

<div ID="base">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5 we'll make a bit longer so
that it will wrap</li>
</ul>
</div>

</BODY>
</HTML>
************
Hvad gør man så?

Synes godt om

roenving Novice

04. november 2003 - 00:42 #3

I dit style-sheet:

li{
font-family:verdana, tahoma, arial, sans-serif;
font-size: 10px;
}

Synes godt om

fcaspersen Nybegynder

04. november 2003 - 01:05 #4

Desværre, det virker ikke.
Nu har jeg prøvet dette, men det virker kun på teksten, - ikke på punkterne:
*********
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Tame your list</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">

<style TYPE="text/css">
#base {
border: 1px solid #000;
margin: 2em;
width: 10em;
padding: 5px;
font-family:verdana, tahoma, arial, sans-serif;
font-size: 10px;
}

li {

font-family:verdana, tahoma, arial, sans-serif;
font-size: 10px;
}

</style>
</HEAD>
<BODY>

<div ID="base">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5 we'll make a bit longer so
that it will wrap</li>
</ul>
</div>

</BODY>
</HTML>
**************

Synes godt om

roenving Novice

04. november 2003 - 01:15 #5

Så tror jeg du skal ud i noget med list-style-image:

list-style-image:url('dinbullet.gif');

Synes godt om

fcaspersen Nybegynder

04. november 2003 - 02:41 #6

Det kan lade sig gøre med list-style-image, men det er ikke spørgsmålet ;-)

Synes godt om

roenving Novice

04. november 2003 - 02:43 #7

-- nu havde jeg jo så ik' li'e gennemskuet at du mente de tegn, som står foran hvert punkt i en liste-opstilling, så derfor troede jeg at det faktisk var højden på hvert punkt i punkt-opstillingen du mente ...

Synes godt om

fcaspersen Nybegynder

04. november 2003 - 09:05 #8

OK, undskyld, hvis jeg har udtrykt mig uklart, men jeg mener ikke størrelsen på teksten i den enkelte linje, men altså selve punktet (prikken, cirklen, firkanten eller hvad det nu kan være. Og *uden* at bruge et billede, man selv leverer. (f.eks. list-style-image:url('dinbullet.gif');)
Tror du, vi er nødt til at konstatere, at det ikke kan styres med CSS?

Synes godt om

roenving Novice

06. november 2003 - 00:36 #9

Det er ikke lykkedes for mig, og der findes kun 3 css-parametre specielt til lister:

http://www.w3.org/TR/REC-CSS2/generate.html#q11

-- de kommer sidst i linket, men der er en masse relevant information fra bogmærket og ned !-)

Synes godt om

fcaspersen Nybegynder

06. november 2003 - 22:06 #10

OK, jeg prøver lige at kigge på det lidt senere på natten
Foreløbig tak!

Synes godt om

roenving Novice

06. november 2003 - 22:55 #11

U'r welcome !-)

Synes godt om

fcaspersen Nybegynder

10. november 2003 - 00:06 #12

Der står godt nok meget om lister, men lige nøjagtig det punkt ;-) jeg søger, står der ikke noget om.
Jeg lukker spørgsmålet her.

Tak for forsøget.

Synes godt om

roenving Novice

10. november 2003 - 00:07 #13

Selv tak

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS