Avatar billede pixiball Nybegynder
03. juni 2007 - 04:44 Der er 8 kommentarer og
1 løsning

Placering af billed

Jeg har lavet en "mouseover" på et mini billede, så når musen føres hen over vises det i stort format. Det store billed, skal gerne vises midt på siden. Det virker fint nok når browseren er maksimeret, men hvis browseren ikke er maksimeret vises kun en del af billedet / billedet placer sig ikke i midten .

Er der nogle der har en løsning?

Ps.:
Hvad er forskellen på  position absolut og relativ.....
Avatar billede w13 Novice
03. juni 2007 - 08:28 #1
Forskellen på de 2 er, hvor billedet placeres i forhold til sin originale placering. Hvor "position: absolute; top: 50px;" placerer billedet 50px fra toppen, placerer "position: relative; top: 50px;" billedet 50px fra toppen af sin egentlige placering på siden.

http://www.w3schools.com/css/pr_class_position.asp
Avatar billede roenving Novice
03. juni 2007 - 12:36 #2
Som sædvanlig er det lykkedes w3schools at sørge for fejl, her f.eks. den graverende, at en længde angives uden enhed (den findes heldigvis ikke i tryit-tingen ...

Hvis du godt vil beholde et billede centreret horisontalt kan du:

<div id="billedholder" style="width:400px;height:300px;margin:0 auto;position:relative;">
  <img src="billede.jpg" id="stortBillede" style="width:400px;height:300px;">
</div>
Avatar billede roenving Novice
03. juni 2007 - 12:38 #3
PS. prøv i tryit position:relative at sætte top:-50px; på f.eks. h2.pos_right, så vil du se, at det ikke berører de elementer, der kommer efter den, relative betyder altså, at den oprindelige plads beholdes, men elementet flyttes et andet sted hen !-)
Avatar billede pixiball Nybegynder
11. juni 2007 - 23:17 #4
Så er jeg tilbage i sommervarmen......pyha den er slem

Jeg har forsøgt forskellige versioner af absolute og relative men kan ikke få det til at virke som jeg gerne vil. Men jeg har fundet ud af at hvis jeg bruger static flytter billede sig ikke sideværs, der er bare lige det at billede ikke lægger sig oven på, men skubber teksten nedad. Ved ikke om i forstår hvad jeg mener.....
Avatar billede pixiball Nybegynder
12. juni 2007 - 00:27 #5
Bare for at vise hvad jeg mener så klik ind på denne test/lege side: http://test.kmmaskiner.dk, prøv at klik på et af de små billeder, her skulle det store billed gerne komme frem midt mellem de to lodrette grå streger. Prøv at gør browersen mindre i breden - så er den helt gal.
Avatar billede w13 Novice
12. juni 2007 - 12:36 #6
Hvis du nu ændrede dine div's til:
<div id="billede1" align="center" style="position:absolute;width:100%;left:0px;top:200px; visibility: hidden;">
Avatar billede pixiball Nybegynder
12. juni 2007 - 21:57 #7
w13 => hvis jeg fjerner "left:0px" - så er den næsten hjemme .......jeg takker, smid et svar og jeg belønner dig
Avatar billede w13 Novice
12. juni 2007 - 22:39 #8
Ok =)
Avatar billede pixiball Nybegynder
22. juni 2007 - 01:19 #9
Nu er den gal igen, så lige side i Firefox. Og i den rygger billede helt ud til højre. Har I nogle ide til det?
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