Søg
Avatar billede 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
Avatar billede mm12010 Nybegynder
03. november 2003 - 13:51 #1
http://www.alistapart.com/articles/taminglists/
Avatar billede 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å?
Avatar billede roenving Novice
04. november 2003 - 00:42 #3
I dit style-sheet:

li{
font-family:verdana, tahoma, arial, sans-serif;
font-size: 10px;
}
Avatar billede 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>
**************
Avatar billede 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');
Avatar billede 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 ;-)
Avatar billede 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 ...
Avatar billede 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?
Avatar billede 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 !-)
Avatar billede fcaspersen Nybegynder
06. november 2003 - 22:06 #10
OK, jeg prøver lige at kigge på det lidt senere på natten
Foreløbig tak!
Avatar billede roenving Novice
06. november 2003 - 22:55 #11
U'r welcome !-)
Avatar billede 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.
Avatar billede roenving Novice
10. november 2003 - 00:07 #13
Selv tak
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 dag 09:43 Vista Af susej14 i Andet software
I går 11:47 Printernavn i Enhedshåndtering er et andet end i Printere og Scannere Af Uvanga i Printere
04/1115:18 Hvordan er det - At man sætter et billed af en ting her på ? Af Ikke-ekspert i Diverse
03/1113:58 Status på UPS Af dcedata1977 i Andet hardware
02/1101:00 Problemer med software til Power Walker UPS - Nødstrømsbatteri Af ErikHg i Andet software
White papers
Flere white papers »