---

Nu er jeg også sådan rimelig ny inden for det at lave hjemmeside,
men øvelse gør jo mester.

Hvordan laver man mellemrum mellem 2 billeder på en side uden at
skulle sætte det op i en tabel. Billederne skal stå på linie med
hinanden men i hendholdsvis højre og venstre side.

Carlo
www.canasta.dk

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

---

carsten <carlo@canasta.dk> skrev :

>Hvordan laver man mellemrum mellem 2 billeder på en side uden at
>skulle sætte det op i en tabel. Billederne skal stå på linie med
>hinanden men i hendholdsvis højre og venstre side.

<div><img style="float: right" src="hoejre.jpg><img
src="venstre.jpg"></div>

Bemærk, at det billede, der skal være til højre skal stå først.
--
Knud

---

Knud Gert Ellentoft <ellentoft@mail.tele.invalid> skrev :

>
skal være
<div><img style="float: right" src="hoejre.jpg"><img
src="venstre.jpg"></div>

--
Knud

---

Tak for hjælpen


Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:
> Knud Gert Ellentoft <ellentoft@mail.tele.invalid> skrev :
>
> >
> skal være
> <div><img style="float: right" src="hoejre.jpg"><img
> src="venstre.jpg"></div>
>
> --
> Knud


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

---

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:
> Knud Gert Ellentoft <ellentoft@mail.tele.invalid> skrev :
>
> >
> skal være
> <div><img style="float: right" src="hoejre.jpg"><img
> src="venstre.jpg"></div>
>
> --
> Knud
Hvis du så bare skal have et mellemrum på nogle få cm men de
stadigvæk skal være centreret, hvad skal man så skrive?

Mvh
Carlo

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

---

carsten wrote:

>> skal være
>> <div><img style="float: right" src="hoejre.jpg"><img
>> src="venstre.jpg"></div>

> Hvis du så bare skal have et mellemrum på nogle få cm men de
> stadigvæk skal være centreret, hvad skal man så skrive?

<div style="margin-left:auto;margin-right:auto><p><img src="venstre.jpg"
style="margin-right:2cm"><ing src="hoejre.jpg"></p></div>

Det skulle vist gøre det.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

Sat, 03 Apr 2004 11:27:15 +0200. skrev Knud Gert Ellentoft:

> carsten <carlo@canasta.dk> skrev :
>
>>Hvordan laver man mellemrum mellem 2 billeder på en side uden at
>>skulle sætte det op i en tabel. Billederne skal stå på linie med
>>hinanden men i hendholdsvis højre og venstre side.
>
> <div><img style="float: right" src="hoejre.jpg><img
> src="venstre.jpg"></div>
> Bemærk, at det billede, der skal være til højre skal stå først.

Man kan hvist også skrive
<img style="float: right" src="venstre.jpg" />
<img style="float: right" src="hoejre.jpg" />

hvis man føler det er nemmere. Det kræver måske i nogle browsere "<div
style="clear:both"></div>" hist og pist.

--
Thomas
- "Videnskab uden religion er lam,
religion uden videnskab er blind." - Albert Einstein

---

Lobais wrote:

>> <div><img style="float: right" src="hoejre.jpg><img
>> src="venstre.jpg"></div>
>> Bemærk, at det billede, der skal være til højre skal stå først.
>
> Man kan hvist også skrive
> <img style="float: right" src="venstre.jpg" />
> <img style="float: right" src="hoejre.jpg" />

Øh, det vil da bytte om på venstre og højre billede - og begge billeder vi
stå i højre side af browservinduet uden luft imellem.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

"carsten" skrev
> Hvordan laver man mellemrum mellem 2 billeder på en side uden at
> skulle sætte det op i en tabel. Billederne skal stå på linie med
> hinanden men i hendholdsvis højre og venstre side.

Måske kunne du også bruge nedenstående. shim.gif er transparent 1x1 pixel,
hvor du så kan sætte W+H til hvad du har lyst til. Jeg har sat W=20 pixel og
H=1 pixel og boxen bliver så (60+20+60) = 140 pixel.

<style type="text/css">
#contentwrapper {
margin-left: auto;
margin-right: auto;
position: relative;
visibility: visible;
width: 140px;
}
</style>

<div id="contentwrapper"><img src="venstre.jpg"><img src="shim.gif"
width="20" height="1"><img src="hoejre.jpg" width="60" height="60"></div>

--
/Tine