|
| 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
| |
|
|