---

Hej.

Hvad skal jeg skrive i min css for at få centreret billedet
mafacade.jpg ?
Synes det må være så simpelt, men er pludselig helt blank !

www.marselisborgapotek.frac.dk
www.marselisborgapotek.frac.dk/css/style.css

Hilsen Anne.

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

---

Anne Holtegaard formulated on onsdag :
> Hvad skal jeg skrive i min css for at få centreret billedet
> mafacade.jpg ?

En måde at gøre det på er:
width:xxxpx;
height:yyypx;
display:block;
margin-left:auto;
margin-right:auto;


--
Henrik Stidsen - http://henrikstidsen.dk/

---

Anne Holtegaard wrote:
> Hej.
>
> Hvad skal jeg skrive i min css for at få centreret billedet
> mafacade.jpg ?
> Synes det må være så simpelt, men er pludselig helt blank !
>
> www.marselisborgapotek.frac.dk
> www.marselisborgapotek.frac.dk/css/style.css
>
> Hilsen Anne.
>

Anne:

Du har <img src="billeder/mafacade.jpg"></img>, som skal være

<img id="pix1" src="billeder/mafacade.jpg"
width="??" height="??"
alt="Alternativ tekst skal du have">

Med den html4 dokumenttypedeklaration, du bruger.

Når billedets bredde er oplyst, kan du nøjes med følgende formregel for
billedet:

img#pix1 {margin: auto 1em; border:none;}

som vil centrere billedet (vandret) og indsætte en liniehøjdes margin før
og efter.


Med venlig hilsen
Jørgen Farum Jensen
www.webdesign101.dk

---

Jørgen Farum Jensen skrev:

> Når billedets bredde er oplyst, kan du nøjes med følgende formregel for
> billedet:
>
> img#pix1 {margin: auto 1em; border:none;}
>
> som vil centrere billedet (vandret) og indsætte en liniehøjdes margin før
> og efter.

.... du mener vel {margin: 1em auto; border:none;} :) (omvendt rækkefølge på margin).

--
med venlig hilsen
Frank

---

> ... du mener vel {margin: 1em auto; border:none;} :) (omvendt rækkefølge på margin).
>

samt /display:block/ (img er inline element!)

--
med venlig hilsen
Frank

---

Frank wrote:
>>... du mener vel {margin: 1em auto; border:none;} :) (omvendt rækkefølge på margin).
>>
>
>
> samt /display:block/ (img er inline element!)
>
> --
> med venlig hilsen
> Frank

Yep til begge, det var vist for sent på dagen...

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk