Avatar billede emma-sofie Nybegynder
01. september 2004 - 00:11 Der er 7 kommentarer og
1 løsning

CSS kode for - Centrer billede på fuld skærm - 100 pix

Hej

Facts:
Jeg har nogle forskellige sider, alle har dog "menubillede" nederst på alle siderne som fylder hele bredden og er 100 pix høj.

Ønske:
På alle disse sider ønsker jeg et stort billede placeret. Dette skal sidde præcist i midten, både lodret og vandret - MEN, centreret på baggrund af min menu i bunden.

Var det forståeligt: Altså, jeg ønsker CSS kode, så jeg kan centrere et billede på skærmen over den 100 pix høje menu der sidder nederst....

Det er vel noget med:

#billedeicentrum      {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: 100px;
  }

Eller hvad ??  ;-)
Avatar billede morteeart Nybegynder
01. september 2004 - 00:23 #1
prøv med

align: center;
vertical-align: center;
Avatar billede emma-sofie Nybegynder
01. september 2004 - 00:24 #2
Jamen, er det CSS kode og hvad med min "bjælke" i bunden, som er 100 pix høj ??
Avatar billede morteeart Nybegynder
01. september 2004 - 00:51 #3
ja, det er css kode.
Avatar billede ckh Nybegynder
01. september 2004 - 02:00 #4
Du har da ret i at den slags skal gøres med snilde og med css, men ikke med en %-angivelse (hverken horisontalt eller vertikalt).
Det skal gøres ved at kende bredde/højde på det billede du vil have centreret i pixel og "fratrække halvdelen" i css´en. Prøv at lure lidt i koden her og fratræk så dine 100px så dit billede kommer tilsvarende tættere på toppen:

http://www.eyesite.dk/index_old.htm
http://www.eyesite.dk/index_neon.htm
Avatar billede emma-sofie Nybegynder
01. september 2004 - 14:40 #5
Mange tak for svaret, men finten var jo netop, at billederne var i forskellig størrelse, således at det optimale ville have været at bruge % funktionen, så man kunne bruge den samme eksterne CSS fil til alle siderne....
Men OK - Jeg kigger lidt på dine links... Tak
Avatar billede roenving Novice
01. september 2004 - 14:44 #6
-- det lyder som om, du kun kan lave det ved at aftaste billedets størrelse og flytte det på plads med javascript !-)
Avatar billede emma-sofie Nybegynder
02. september 2004 - 22:12 #7
Morteeart: Det hjalp altså ikke med align koderne...
CKH: Jeg brugte noget af din kode (jeg lavede alle billederne lige store) og så fandt jeg også lidt hjælp i nogle tidligere spørgsmål på eksperten..... Ligger du lige et svar, så jeg kan gi point og lukke.
Avatar billede ckh Nybegynder
06. september 2004 - 08:53 #8
Svarer da lige så :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester