/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Mellemrum mellem billeder
Fra : carsten


Dato : 03-04-04 10:20

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

 
 
Knud Gert Ellentoft (03-04-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 03-04-04 10:27

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 (03-04-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 03-04-04 10:35

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

carsten (03-04-2004)
Kommentar
Fra : carsten


Dato : 03-04-04 11:37

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

carsten (03-04-2004)
Kommentar
Fra : carsten


Dato : 03-04-04 11:45

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

Erik Ginnerskov (03-04-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 03-04-04 17:48

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



Lobais (03-04-2004)
Kommentar
Fra : Lobais


Dato : 03-04-04 16:42

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


Erik Ginnerskov (03-04-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 03-04-04 17:49

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




Tine Müller (04-04-2004)
Kommentar
Fra : Tine Müller


Dato : 04-04-04 14:27

"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




Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste