Punktopstilling med tal

Er det det her som du mener eller hvad?

<ol>
  <li>Davs!</li>
  <li>Her har vi den gode lange streng</li>
  <li>Sidste punkt..</li>
</ol>

Den koden for oven ser således ud:

1. Davs!
2. Her har vi den gode lange streng
3. Sidste punkt..


MVH/
RDC

At din linie hopper ned, skyldes jo netop, at teksten er så lang. Og det skal den gøre. Men du bibeholder stadig din punktopstilling, tekst og punktopstilling bliver holdt adskilt.

Har jeg forstået dit problem korrekt?

>>rdc
Ja, præcist... Men når strengen er for lang skal den hoppe ned på næste linie, men ikke være inde under tallet. Den skal starte samme sted som teksten ved siden af tallet gør.

>>steen_hansen
Nej, det tror jeg ikke... Teksten SKAL hoppe ned på næste linie, men den skal ikke starte fra starten af linien. Den skal starte fra det sted den anden tekst (uden punktet) startede.

Hm, det er din <ol type="1" style="display:inline"> der gør det. Hvis du fjerner alt det, virker det. Hvad er det, du forsøger at lave?

<ol>
<li>Davs!
<li>Weeeee!!! En KÆMPE streng... Den slutter først om LANG tid, så den hopper ned på næste linie... Det er fandme smart, hvis det ellers virkede! :)
<li>Det må så være den sidste...
</ol>

Som rdc skriver, skal du bruge:
<ol>
  <li>Davs!</li>
  <li>Her har vi den gode lange streng</li>
  <li>Sidste punkt..</li>
</ol>

Fejlen ved det du bruger nu, er style="display:inline" - hvis du fjerner dette, vil du også få en indrykning, så din tekst bibeholder indrykning ligemeget hvor lang teksten er.
Og du behøver ikke at skrive <li value="1">, <li value="2"> osv - det sker helt automatisk når du bruger <lo>, så du kan bare nøjes med <li>.

>>steen_hansen
Ja, jeg ved godt det er det. Det er faktisk style="display:inline" der gør det, men jeg vil ikke have at det skal forskydes ud fra venstre side af det table som det ligger i. Det skal helt ind til siden. Hvis jeg fjerner det kommer det nemlig til at se således ud:

    1. Davs!
    2. LAAAAAAAANG streng
    3. Slut

Men så laver den det også som den skal. Jeg vil bare have at det skal blive inde i siden, og ikke rykkes ud! Var det forståeligt?

http://nowle.homepage.dk/virtualdub/synkronlyd/forskyd.html

Det er der den ligger, hvis det kunne hjælpe!

>>skovtrold
Sjovt nok du siger det sidste... Det mente jeg nemlig også, men hvis jeg fjerner det står der bare:

1. Davs
1. LAAAAAANG streng
1. Slut

Jamen, det er fordi du kun skal bruge <ol> og <li>
Altså:
<ol>
  <li>Davs!</li>
  <li>Her har vi den gode lange streng</li>
  <li>Sidste punkt..</li>
</ol>

>>skovtrold
Kanon!!! Nu er jeg med! Så mangler jeg bare at få rykket teksten ind til venstre! How?

Hvis du bruger <ul></ul> får du punktopstilling med bullits.

Hvis du bruger <ol></ol> får du punktopstilling med tal.

Hvis du bruger <ul type="circle"></ul> får du punktopstillinger med cirkler.

Du angiver hvilken form for punktopstilling du vil anvende på den måde.

Nej, det passer ikke helt. Det er faktisk fordi du har  style="display:inline" med.
Hvis du fjerner det, vil du få en numerisk orden.

>>steen_hansen
Yes, den er jeg med på! Nu skal jeg bare ha' rykket teksten ind til siden uden at den hopper ned under punkterne! :)

Der er mange former for type - ikke kun dem steen hansen nævner, og du har også mulighed for at starte et bestemt sted i din talrækkefølge - eks:
  <ol type="1" start="15"><br>
    <li>Davs!
    <li>Weeeee!!! En KÆMPE streng... Den slutter først om LANG tid, så den hopper ned på næste linie... Det er fandme smart, hvis det ellers virkede! :)
    <li>Det må så være den sidste...
  </ol>
Denne vil starte med nr. 15 og tælle fremad.

Der er mange. Nævnte bare nogle stykker for at vise princippet.

Damn, jeg får sgu da lært noget HTML i dag! :)
Jeg ville sådan set bare ha' rykket det tekst... Er der ikke et par forslag til det?

Prøv det her (lav en backup af dit oprindelige dokument):

<html>
  <head>
    <title>Nowle :: DivX :: VirtualDub :: Lydsynkronisering :: Forskydning</title>
    <link rel="stylesheet" type="text/css" href="http://nowle.homepage.dk/style.css">
  </head>
  <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
    <table border="0" cellpadding="0" cellspacing="0" width="760">
      <tr>
        <td width="130" valign="top">
          <table border="0" cellpadding="0" cellspacing="0">
            <tr><td><a href="http://nowle.homepage.dk/" title="Hjem">Hjem</a></td></tr>
            <tr><td><a href="/downloads/" title="Downloads">Downloads</a></td></tr>
            <tr><td><a href="/downloads/spil/" title="Spil">Spil</a></td></tr>
            <tr><td><a href="/downloads/spil/blackout.html" title="Blackout">Blackout</a></td></tr>
            <tr><td><a href="/divx/" title="DivX">DivX</a></td></tr>
            <tr><td><a href="/divx/divx.html" title="Hvad er DivX?">Hvad er DivX?</a></td></tr>
            <tr><td><a href="/divx/keyframes.html" title="Hvad er keyframes?">Hvad er keyframes?</a></td></tr>
            <tr><td><a href="/virtualdub/" title="VirtualDub">VirtualDub</a></td></tr>
            <tr><td><a href="/virtualdub/synkronlyd/" title="Hvordan du synkroniserer lyden i en avi-fil">Lyd synkronisering</a></td></tr>
            <tr><td><a href="/virtualdub/synkronlyd/forskyd.html" title="Forskyd lyden i din film">Forskydning</a></td></tr>
            <tr><td><a href="/virtualdub/synkronlyd/straek.html" title="Gør lyden hurtigere/langsommere end billederne">Forstrækning</a></td></tr>
            <tr><td><a href="/genveje/" title="Genveje">Genveje</a></td></tr>
            <tr><td><a href="/kontakt/" title="Kontakt mig">Kontakt</a></td></tr>
          </table>
        </td>
        <td valign="top">
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td colspan="2">
                <b>Forskydning af lyden i film</b>
                <hr size="1">
              </td>
            </tr>
            <tr>
              <td>
                <p>Måden man forskyder lyden i en avi-film på er ret simpel. Det besværlige er at finde ud af hvor meget lyden skal forskydes. Det du skal gøre er:<br>
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                    <td valign="top" colspan="2">
                      <ol>
                      <li>Åbn din avi-film i VirtualDub.
                      <li>Vælg <u>A</u>udio-><u>I</u>nterleaving... Her vil du blive præsenteret for det skærmbillede du ser til højre, dog uden den store røde cirkel.
                      <li>Nu skal du vælge hvor mange milisekunder (1/1000 sekunder) lyden skal forskydes.
                      </ol>
                    </td>
                    <td>
                      <br><img src="images/interleaveoptions.gif">
                    </td>
                </tr>
              </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>

Jeg ved faktisk ikke om du kan ændre ved margin på <ol>..
Jeg ser om jeg kan finde noget om det.

NU er jeg med! Din punktopstilling bliver skubbet forholdsvis langt ud, mener du?

>>steen_hansen
Nemmerlig!!! :)

Ok, her skal du sætte noget af koden uden for nogle tags. Leger lidt med det...

Øhhh.... Lyder spændende!

Jeg venter spændt!!! :)

<p style="text-indent: -8">Åbn din avi-film i VirtualDub.
                      <li>
                        <p style="text-indent: -8">Vælg <u>A</u>udio-><u>I</u>nterleaving... Her vil du blive præsenteret for det skærmbillede du ser til højre, dog uden den store røde cirkel.
                      <li>
                        <p style="text-indent: -8">Nu skal du vælge hvor mange milisekunder (1/1000 sekunder) lyden skal forskydes.

Virker det?

Næsten... Det rygger punkterne ind, men nu er teksten under det længere væk end der hvor det skulle være! :)

Nu bliver det:

1. Davs!
2. Laaaaaaaang streng
        Fortsat lang streng!
3. Slut!!!

Tag først en kopi af side: http://nowle.homepage.dk/virtualdub/synkronlyd/forskyd.html

Prøv derefter at sætte dette ind:

<html>
  <head>
    <title>Nowle :: DivX :: VirtualDub :: Lydsynkronisering :: Forskydning</title>
    <link rel="stylesheet" type="text/css" href="/style.css">
  </head>
  <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
    <table border="0" cellpadding="0" cellspacing="0" width="760">
      <tr>
        <td width="130" valign="top">
          <table border="0" cellpadding="0" cellspacing="0">
            <tr><td><a href="http://nowle.homepage.dk/" title="Hjem">Hjem</a></td></tr>
            <tr><td><a href="/downloads/" title="Downloads">Downloads</a></td></tr>
            <tr><td><a href="/downloads/spil/" title="Spil">Spil</a></td></tr>
            <tr><td><a href="/downloads/spil/blackout.html" title="Blackout">Blackout</a></td></tr>
            <tr><td><a href="/divx/" title="DivX">DivX</a></td></tr>
            <tr><td><a href="/divx/divx.html" title="Hvad er DivX?">Hvad er DivX?</a></td></tr>
            <tr><td><a href="/divx/keyframes.html" title="Hvad er keyframes?">Hvad er keyframes?</a></td></tr>
            <tr><td><a href="/virtualdub/" title="VirtualDub">VirtualDub</a></td></tr>
            <tr><td><a href="/virtualdub/synkronlyd/" title="Hvordan du synkroniserer lyden i en avi-fil">Lyd synkronisering</a></td></tr>
            <tr><td><a href="/virtualdub/synkronlyd/forskyd.html" title="Forskyd lyden i din film">Forskydning</a></td></tr>
            <tr><td><a href="/virtualdub/synkronlyd/straek.html" title="Gør lyden hurtigere/langsommere end billederne">Forstrækning</a></td></tr>
            <tr><td><a href="/genveje/" title="Genveje">Genveje</a></td></tr>
            <tr><td><a href="/kontakt/" title="Kontakt mig">Kontakt</a></td></tr>
          </table>
        </td>
        <td valign="top">
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td colspan="2">
                <b>Forskydning af lyden i film</b>
                <hr size="1">
              </td>
            </tr>
            <tr>
              <td>
                <p>Måden man forskyder lyden i en avi-film på er ret simpel. Det besværlige er at finde ud af hvor meget lyden skal forskydes. Det du skal gøre er:<br>
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                    <td valign="top" colspan="2">
                      <ol>
                      <li>Åbn din avi-film i VirtualDub.</li>
                      <li>Vælg <u>A</u>udio-><u>I</u>nterleaving... Her vil du blive præsenteret for det skærmbillede du ser til højre, dog uden den store røde cirkel.</li>
                      <li>Nu skal du vælge hvor mange milisekunder (1/1000 sekunder) lyden skal forskydes.</li>
                      </ol>
                    </td>
                    <td>
                      <br><img src="images/interleaveoptions.gif">
                    </td>
                </tr>
              </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>

Hm? Det kan jeg godt se :o/

Men prøv lige mit forslag først.

Her er en anden listemetode:

<dl>
<dt>1</dt>
<dd>Her er teksten til punkt 1</dd>
<dt>2</dt>
<dd>Weeeee!!! En KÆMPE streng... Den slutter først om LANG tid, så den hopper ned på næste linie... Det er fandme smart, hvis det ellers virkede! :)</dd>
</dl>

Alternativt kan du stille det hele op i en tabel - så styrer du selv afstand og margin. Ulempen er at du også selv skal taste alle tallene ind...

<table width="250" cellpadding="0" cellspacing="0" border="0">
<tr>

<td width="20" align="left" valign="top">1</td>

<td width="230" align="left" valign="top">Her er teksten til punkt 1</td>

</tr><tr>

<td align="left" valign="top">2</td>

<td align="left" valign="top">Weeeee!!! En KÆMPE streng... Den slutter først om LANG tid, så den hopper ned på næste linie... Det er fandme smart, hvis det ellers virkede! :)</td>

</tr><tr>

<td align="left" valign="top">3</td>

<td align="left" valign="top">Weeeee!!! En KÆMPE streng... Den slutter først om LANG tid, så den hopper ned på næste linie... Det er fandme smart, hvis det ellers virkede! :)Weeeee!!! En KÆMPE streng... Den slutter først om LANG tid, så den hopper ned på næste linie... Det er fandme smart, hvis det ellers virkede! :)</td>

</tr></table>

Jeg er smuttet i seng. Vi kan fortsætte i morgen, hvis du ikke får det løst i aften.

>>steen_hansen
Virker ik'! :(

>>skovtrold
Prøver lige dit! :)

>>skovtrold
Det første kommer til at se mystisk ud, men som du siger så kunne jeg jo egentlig bare bruge en tabel... Er det dog ikke lidt fusket?

Nej, jeg synes ikke det er fusket, men det er noget mere besværligt.
Jeg ville nok vælge den første metode du brugte og så bære over med den margin du får:
<ol>
<li>her er tekst
<li>her er mere tekst
</ol>
Det er langt det nemmeste og hurtigste. Ikke fordi man skal springe over hvor gærdet er lavest, men der er jo ingen grund til at gøre tingene sværer end de er :-)

Hehe... Beklager... Når jeg først har sat mig noget i hovedet, så SKAL det være sådan! :)

Jeg går i gang med at lave mit table, og så vil jeg se hvad steen_hansen har til mig i morgen! :)

OK - held og lykke.
Det er ihvertfald 100 % sikkert at du med en tabel kan få det som du vil ha' det. Det kræver bare lidt mere arbejde.

Skidt med det.. Når det virker, så virker det! :)

Hejsa, du skal omgive din liste af <div style="margin-left:-15"></div>, dvs. en div med negativ margin. Altså:

<div style="margin-left:-15">
<ol>
  <li>lbalballafka
  <li>lkasdj adflka
  <li>alfskj asdlkfj
</ol>
</div>

-----

Du skal eksperimentere lidt med det eksakte tal, det er ikke sikkert at det lige er -15 der passer.
/mik

egentlig skal værdien angives i px, altså (i mit eksempel): -15px. Jeg er ikke sikker på om det gør nogen forskel, men det er det der er det 'rigitge' iflg.: http://www.w3schools.com/css/pr_margin-left.asp

/mik

Kanon!!! Det virker bare!!! :)
mik får 30 point da han kom med løsningen på problemet.
steen får 11 for mange gode eksempler og samtidig at lære mig lidt HTML.
Og skovtrold får 9, for mange gode foreslag, dog ikke nær så mange som steen_hansen...

Håber I er tilfredse med point fordeling! :)

//hermandsen

Tak :o)

takker. er fuldt ud tilfreds ;-)