Søg
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:11 Har glemt navn på min ene konto på eksperten! Af ErikHg i Fri debat
I går 15:00 RIP af DVD med MakeMKV Af dcedata1977 i Servere
I går 10:08 slet windows Af jajoh i Windows
07/0514:15 PHP Html Af Asky i Programmeringsværktøjer
07/0511:06 Rufus mange muligheder - valg ved install Windows Af Uvanga i Windows
White papers
Flere white papers »