---

Hej alle

På denne side:

   http://bertel.lundhansen.dk/sikkerhed/sikkerhed.php?page=partition-saving

bruger jeg en nummereret liste. Hvert punkt består af et billede
med noget forklaring nedenunder. Jeg vil gerne have at hvert
punkt står således:

   nr.   [billede]
      [billede]
      [billede]
      [billede]

      Forklaring ...

I øjeblikket har jeg lavet lidt fusk i koden der ser sådan ud:

   <li><p> </p>
   <p><img alt='Angiv sti og filnavn' src='choixfichiersauve.gif' height='304' width='644'></p>
   <p>På denne skærmside er der tre rammer. osv.

Det får nummeret til at stå først, men der bliver en tom linje
inden billedet kommer. Hvis jeg fjerner <p> </p> efter <li>,
ryger nummeret ned ved bunden af billedet. Hvordan kan jeg lave
det jeg gerne vil have?

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Hej alle
>
> På denne side:
>
>    http://bertel.lundhansen.dk/sikkerhed/sikkerhed.php?page=partition-saving
>
> bruger jeg en nummereret liste. Hvert punkt består af et billede
> med noget forklaring nedenunder. Jeg vil gerne have at hvert
> punkt står således:
>
>    nr.   [billede]
>       [billede]
>       [billede]
>       [billede]
>
>       Forklaring ...
>
> I øjeblikket har jeg lavet lidt fusk i koden der ser sådan ud:
>
>    <li><p> </p>
>    <p><img alt='Angiv sti og filnavn' src='choixfichiersauve.gif' height='304' width='644'></p>
>    <p>På denne skærmside er der tre rammer. osv.
>
> Det får nummeret til at stå først, men der bliver en tom linje
> inden billedet kommer. Hvis jeg fjerner <p> </p> efter <li>,
> ryger nummeret ned ved bunden af billedet. Hvordan kan jeg lave
> det jeg gerne vil have?
>
> --
> Bertel
> http://bertel.lundhansen.dk/      http://fiduso.dk/

Bertel.

<li>&nbsp;<p>...

Birger

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Birger Sørensen skrev:

>>    <li><p> </p>

> <li>&nbsp;<p>...

Det er i princippet det samme som jeg har lavet, og det giver da
også samme resultat.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Birger Sørensen skrev:
>
> >>    <li><p> </p>
>
> > <li> <p>...
>
> Det er i princippet det samme som jeg har lavet, og det giver
da
> også samme resultat.
>
> --
> Bertel
> http://bertel.lundhansen.dk/      http://fiduso.dk/

Misforstod dig :)
prøv
<li><p><img alt='Vælg handling' src='ntfsfilecreationchoice.gif'
height='304' width='644' align="top"></p>

Egentlig er der heller ingen grund til at have billedet i en
paragraf for sig, med mindre du har en css formattering på p,
eller vil have den ekstra afstand (som kan fås med en <br />).

Birger

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Bertel Lund Hansen skrev:
> Hej alle
>
> På denne side:
>
>    http://bertel.lundhansen.dk/sikkerhed/sikkerhed.php?page=partition-saving
>
> bruger jeg en nummereret liste. Hvert punkt består af et billede
> med noget forklaring nedenunder. Jeg vil gerne have at hvert
> punkt står således:
>
>    nr.   [billede]
>       [billede]
>       [billede]
>       [billede]
>
>       Forklaring ...
>
> I øjeblikket har jeg lavet lidt fusk i koden der ser sådan ud:
>
>    <li><p> </p>
>    <p><img alt='Angiv sti og filnavn' src='choixfichiersauve.gif' height='304' width='644'></p>
>    <p>På denne skærmside er der tre rammer. osv.
>
> Det får nummeret til at stå først, men der bliver en tom linje
> inden billedet kommer. Hvis jeg fjerner <p> </p> efter <li>,
> ryger nummeret ned ved bunden af billedet. Hvordan kan jeg lave
> det jeg gerne vil have?
>

Skud fra hoften:
<li><img ... /><li>
og
li img {
vertical-align:top;
border-left-width:40px;
border-color:transparent;
border-style:solid;}

img er et inline element som kan
positioneres med vertical-align.
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Jørgen Farum Jensen skrev:

> li img {
> vertical-align:top;

Tak, det klarede problemet.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/