Søg
Avatar billede beef12 Nybegynder
18. august 2005 - 12:19 Der er 8 kommentarer og
1 løsning

<ul> style problem

Jeg prøver at lave en style som gør at min unordered list <ul> ikke laver udrykning ved hvert bullitpoint

Sådan på denne måde:

- hej
- med
- dig

Jeg benytter mig af style="display:inline" og det virker, men den ser lidt underlig ud. Den første bullit er ikke inline, men det er teksten til gengæld.

Min syntaks:
<ul style="DISPLAY: inline">
  <li>dfsdsf</li>
  <li>dfsdsf</li>
  <li>dfsdsf</li>
</ul>
Avatar billede roenving Novice
18. august 2005 - 12:25 #1
Sådan, måske:

<style type="text/css">
ul{margin-left:0;}
li{list-style-position:inside;}
</style>
<ul>
  <li>dfsdsf</li>
  <li>dfsdsf</li>
  <li>dfsdsf</li>
</ul>
Avatar billede beef12 Nybegynder
18. august 2005 - 13:45 #2
det virker sør'me :-)
Smid et svar, så får du points
Avatar billede roenving Novice
18. august 2005 - 14:16 #3
Velbekomme '-)
Avatar billede roenving Novice
18. august 2005 - 14:35 #4
-- og tak for point ;~}
Avatar billede beef12 Nybegynder
18. august 2005 - 22:31 #5
Fed smilie ;~p

Den gør dog en ting der er en smule irriterende den der style du fiksede...
Når en <li> skifter linie så flugter den ikke med teksten fra linien ovenover, den flugter istedet med bulletpoint'en, sådan her:

- sadasd sdfs sdff sdf
asdasd dsf

istedet for:

- sdfsdfd sdfsad
  sasdasd sdsad

Forstår du hvad jeg mener - kan man løse det?
Avatar billede roenving Novice
18. august 2005 - 22:38 #6
Tjoh, det er jo funktionen på list-style-position:inside; ...

-- men lidt legeri med det gav, at følgende virker i min editors browser-komponent (en IE-variant !-), men du skal sikkert lege lidt mere, før det virker i alle browsere !o]
Avatar billede roenving Novice
18. august 2005 - 22:38 #7
<style type="text/css">
ul{margin-left:0;width:75px;}
li{list-style-position:outside;margin-left:16px;}
</style>
<ul>
  <li>dfsdsf kjhjkghj jhhgjkljhlk lkj </li>
  <li>dfsdsf</li>
  <li>dfsdsf</li>
</ul>

;O)
Avatar billede beef12 Nybegynder
18. august 2005 - 22:40 #8
wohooo - det virkede... Thanks...
Avatar billede roenving Novice
18. august 2005 - 22:41 #9
U'r welcome !-)
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 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »