---

Jeg arbejder på et CSS og har lidt problemer, da jeg er temmelig
grøn på området.
Jeg har lavet nogle bokse.
I den ene af dem skal kunne placeres en jpg-fil, der centeres i
boksen horisontalt og vertikalt. De forsøg jeg har lavet placerer
content'et horisontalt centreret men ikke vertikalt, hvor det
alignes toppen.
Kan det lade sig gøre at styre (centrere) det fra CSS?
Boksen er width: 900px og height: 600px og jpg-filerne er alle
mindre end disse værdier.

Mvh Thomas Mau

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

---

Thomas Mau wrote in dk.edb.internet.webdesign.html:
> Jeg arbejder på et CSS og har lidt problemer, da jeg er temmelig
> grøn på området.
> Jeg har lavet nogle bokse.
> I den ene af dem skal kunne placeres en jpg-fil, der centeres i
> boksen horisontalt og vertikalt. De forsøg jeg har lavet placerer
> content'et horisontalt centreret men ikke vertikalt, hvor det
> alignes toppen.
> Kan det lade sig gøre at styre (centrere) det fra CSS?
> Boksen er width: 900px og height: 600px og jpg-filerne er alle
> mindre end disse værdier.
så skal du bruge position:absolute;
Noget med:
left:/*900:2-billedbrede:2*/
top/*600:2-billedhojde:2*/

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

---

så skal du bruge position:absolute;
> Noget med:
> left:/*900:2-billedbrede:2*/
> top/*600:2-billedhojde:2*/

Tak for svaret, men jeg er ikke helt hjemme endnu...

I ovenstående tilfælde skal jeg kende de nøjagtige dimensioner for
hvert billede og lave et id eller span til hvert nyt fotografi, oder
wie?
Jeg tænkte nærmere på noget i css'et, hvor jeg blot definerer mit img
i html-dokumentet og det så uanset størrelse centeres horisontalt og
vertikalt i boksen, hvor jeg placerer det ( ligesom man kan gøre med
tables ).

Mvh TM

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

---

Thomas Mau wrote in dk.edb.internet.webdesign.html:
> så skal du bruge position:absolute;
> > Noget med:
> > left:/*900:2-billedbrede:2*/
> > top/*600:2-billedhojde:2*/
>
> Tak for svaret, men jeg er ikke helt hjemme endnu...
>
> I ovenstående tilfælde skal jeg kende de nøjagtige dimensioner for
> hvert billede og lave et id eller span til hvert nyt fotografi, oder
> wie?
> Jeg tænkte nærmere på noget i css'et, hvor jeg blot definerer mit
img...
I css kan man ikke centrerer lodret. Ved ikke om nogen lader sig snyde
af: vertical-align:middle; den er ellers kun lavet til tekst.

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

---

Lobais wrote:
> I css kan man ikke centrerer lodret. Ved ikke om nogen lader sig snyde
> af: vertical-align:middle; den er ellers kun lavet til tekst.

Og virker slet ikke i <div> - heller ikke selvom indholdet er ren tekst,
jvf. :
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/verticalalign.asp

Men man kan dog scripte sig ud af problemet. Det har selvfølgelig den ulempe
at det ikke virker hvis javascript er blevet slået fra. - Er dét tilfældet
bliver billedet placeret i top alligevel..

Et eksempel af vertikal centrering af billede:
http://www.rel7star.dk/misc/test/verticalPlacering-test.html

Endnu et, med horizontal og vertikal placering af både billede og container:
http://www.rel7star.dk/misc/test/centerPlacering-test.html


--
Mvh René Lønstrup
min web: http://www.rel7star.dk?r=usenet
min email: se om du kan regne dén ud..