Søg
Avatar billede thingholm.dk Nybegynder
27. maj 2003 - 19:48 Der er 21 kommentarer og
1 løsning

Ændring af udseende på bullets

Hej

Kan jeg via CSS ændre udseendet på bullets. evt. fra en bolle til en streg '-'.

VH

Anders Thingholm
Avatar billede ahv Nybegynder
27. maj 2003 - 19:49 #1
nej.
Avatar billede ahv Nybegynder
27. maj 2003 - 19:50 #2
altså hvis det er: <input type="radio"> vi snakker om?
Avatar billede doggy82 Praktikant
27. maj 2003 - 19:56 #3
ahv>> bullets er dem som er ud for liste punkter.

to sec. det mener jeg godt man kan...
Avatar billede roenving Novice
27. maj 2003 - 20:00 #4
list-style-image:"url(dinBullet.gif)"
list-style-position:inside|outside
list-style-type:
for UL: circle|disk|square
for OL: decimal|lower-alpha|lower-romanúpper-alpha|upper-roman
Avatar billede doggy82 Praktikant
27. maj 2003 - 20:01 #5
hmm nej det kan man vist ikke, men du kan lave dine egne:

<ul style="list-style-image: url(bullet.gif)">
<li>Bullet 1</li>
<li>Bullet 2</li>
</ul>
Avatar billede doggy82 Praktikant
27. maj 2003 - 20:02 #6
Ahhhh  list-style-type  syntes nok jeg havde set det et sted :-)
Avatar billede thingholm.dk Nybegynder
27. maj 2003 - 23:27 #7
Det er <ul> og <li> jeg snakker om :-)

MEn jeg vil gerne kunne ændre udseendet på helt op til 3 niveauer.

VH

Anders
Avatar billede roenving Novice
27. maj 2003 - 23:38 #8
-- som du kan se på min listning er stregen ikke en mulighed (der er circle, disk og square), hvis du ikke har et billede ...
og dermed er tre niveauer sværere at få pæne, men ...

-- ellers genererer du bare et stylesheet, som indeholder dine tre niveauer og giver dem forskellige karakteristika, du kan jo også give dem text-indent, så niveauerne ses tydeligt, à la:

.listNiveau1{
  text-indent: 0em;
  list-style-type: square;
}

.listNiveau2{
  text-indent: 4em;
  list-style-type: disk;
}

.listNiveau1{
  text-indent: 8em;
  list-style-type: disk;
}

hth
jes
Avatar billede roenving Novice
27. maj 2003 - 23:40 #9
Øeh ...
den sidste skulle selvfølgelig hedde .listNiveau3

- og så bruger du dem som class på <ul>-taggen:

<ul class="listNiveau3">
Avatar billede doggy82 Praktikant
28. maj 2003 - 00:21 #10
...psst hvad er em ?
Avatar billede roenving Novice
28. maj 2003 - 00:30 #11
Øeh ... hvor f***** var det nu lige henne jeg sidst havde set definitionen på en em (og en ex for den sags skyld ,-) ...

-- det har noget med fontens bogstavstørrelse at gøre, øeh ...
-- mon ikke en ex er det som kaldes x-højden på en font ...

Nå google kan:

CSS Length Unit Table

Relative length units

em  The height of the element's font.
ex  The height of the letter "x".
px Pixels.
% Percentage.

Absolute length units

in Inches (1 inch = 2.54 centimeters).
cm Centimeters.
mm Millimeters.
pt Points (1 point = 1/72 inches).
pc Picas (1 pica = 12 points).

fra http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/fontsize.asp
Avatar billede doggy82 Praktikant
28. maj 2003 - 00:37 #12
ok taksa :-) har du set her: http://exp.dk/spm/357989 det er sgu et flot design
Avatar billede roenving Novice
28. maj 2003 - 01:08 #13
U'r welcome
Avatar billede thingholm.dk Nybegynder
28. maj 2003 - 09:47 #14
Hej igen

Jeg har dette CSS:

.listNiveau1 {
            text-indent: 0em;
            list-style-type: disk;
}

.listNiveau2 {
            text-indent: 0em;
            list-style-type: disk;
}

.listNiveau3 {
            text-indent: 8em;
            list-style-type: disk;
}

Og denne HTML kode:

      <ul class="listNiveau1">
        <li>test</li>
        <li>test:
          <ul class="listNiveau2">
            <li>test</li>
            <li>test</li>
            <li>test<li>
          </ul>
        </li>
      </ul>


Men den laver ikke de bullets jeg har på niveau 2 ligesom dem på niveau 1 - en sort bolle som er udfyldt. Kan i hjælpe med det?

VH

Anders
Avatar billede doggy82 Praktikant
28. maj 2003 - 11:29 #15
- har lige leget lidt med det.
Og det ændrer ikke en dyt, det der CSS.
Avatar billede doggy82 Praktikant
28. maj 2003 - 11:30 #16
AHHHHHH det er jo på engelsk: disc <- med C
Avatar billede thingholm.dk Nybegynder
28. maj 2003 - 11:44 #17
Takker for alle indlæggene!
Avatar billede roenving Novice
28. maj 2003 - 13:51 #18
-- en dag får jeg også lært englisch .-)
Avatar billede doggy82 Praktikant
28. maj 2003 - 14:07 #19
;-)

<!DOKTYPE HTML BEFOLKNING "-//W3C//DTD HTML 4.01 OVERGÆNGELIG//DK">
<html>
<hoved>
<titel>min hs</titel>

</hoved>

<krop klasse="main" stil="overløb-x:gemt;overløb-y:gemt;">

<tabel bredde="100%" højde="100%">
<tr>
  <td vjuster="midt" juster="center">Hej verden!!!</td>
</tr>
</tabel>

</krop>
</html>
Avatar billede roenving Novice
28. maj 2003 - 14:12 #20
-- hvadfor en overtyder er det ;-)
Avatar billede roenving Novice
28. maj 2003 - 14:19 #21
-- forøvrigt havde Politikens bagside (sidste år ?-) et par afsindigt skægge artikler om, hvordan en eller anden oversætter totalt havde maltrakteret en hp om 'Den Chrysler Rejsning' i 'den by Ny York' osv.
Avatar billede doggy82 Praktikant
28. maj 2003 - 14:41 #22
Kan godt huske den ja - de havde og så den der pornolizer
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 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I går 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »