Avatar billede losdivinos Nybegynder
27. december 2010 - 15:19 Der er 11 kommentarer og
1 løsning

Kordinater på billede i procent

Hej. :)

Jeg og en ven har et browserspil, som hedder Levoni.
Vi skal have nyt design op.
Vi vil have sådan at baggrunden tilpasser sig skærmbilledet, hvilket ikke er et problem, men problemet kommer her.

I den baggrund vil vi gerne have links i specielle steder, hvilket ikke er et problem, da vi bare sætter kordinater.

Men problemet er at linkene ikke sidder korrekt, når brugerne har forskellige skærmopløsninger.

Hvad gør vi for at løse dette problem?

Postede den også her under CSS, da jeg ikke ved hvad der skal til at løse problemet.
Avatar billede keysersoze Ekspert
27. december 2010 - 15:55 #1
har du et link så problemet kan ses?
Avatar billede losdivinos Nybegynder
27. december 2010 - 16:02 #2
Dette billede vil vi gerne have links i, og det skal automatisk tilpasse sig brugerens skærmopløsning, og når vi sætter koordinater på, så skifter de jo placering på alle andre skærmstørrelser, end den det er lavet til, så ved du hvad vi skal gøre?
http://img510.imageshack.us/img510/2425/byen.jpg
Avatar billede losdivinos Nybegynder
27. december 2010 - 16:07 #3
Eller er der en anden måske, som er smartere at gøre det på?
Avatar billede keysersoze Ekspert
27. december 2010 - 16:41 #4
Når du siger det automatisk tilpasses brugerens skærm, mener du så at billedets størrelse ændres eller bare at placeringen bliver tilpasset?
Avatar billede losdivinos Nybegynder
27. december 2010 - 16:57 #5
Billedets størrelse ændres. :)
Avatar billede keysersoze Ekspert
27. december 2010 - 17:56 #6
Som udgangspunkt er det sjældent en god idé at arbejde med dynamiske størrelse i HTML - oftes kræver det fx Flash eller Silverlight for at blive godt.

Skal det være i HTML, så pak billedet ind i en div med position:relative og placer så dine links absolute og med procentmæssigt top og left inde i den div - fx position:absolute; left:20%; top: 35%;
Avatar billede losdivinos Nybegynder
27. december 2010 - 17:59 #7
Okay, tak. :)

Når vi en gang får lært at kode i Flash, så tror jeg muligvis også vi skifter fr HTML/CSS. :)
Avatar billede losdivinos Nybegynder
27. december 2010 - 20:09 #8
Kan du give et eksempel på hvordan koden skulle se ud? :)
Avatar billede keysersoze Ekspert
28. december 2010 - 11:07 #9
<div style="position: relative; width: 100%; height: 500px; background-color: red;">
  <div style="position: absolute; left: 20%; top: 50%; backgrund-color: blue;">indhold</div>
</div>
Avatar billede losdivinos Nybegynder
09. august 2011 - 15:00 #10
svar
Avatar billede keysersoze Ekspert
09. august 2011 - 15:59 #11
hvorfor lukker du og beholder point?
Avatar billede keysersoze Ekspert
17. august 2011 - 23:26 #12
nå - anmeldt for misbrug.
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