Samme position uanset resolution!

Tags:    javascript css html

Hej Udviklere! ;)

Jeg står med et problem på mine hænder, jeg er i gang med at sætte en side op hvor det er helt essentielt at der er enkelte elementer der er på den helt rigtige plads uanset resolution.

Det drejer sig om en taleboble, men det tricky er at baggrunden, som taleboblen skal passe til, er stretched og derfor altid vil se lidt anderledes ud når man skifter resolution.

Jeg vil tro det er en skarp matematisk hjerne der skal til for at løse denne gåde som jeg synes det er, men håber virkelig der er en der kan hjælpe mig! ;)

Link til siden: U28

Mvh. Andreas Voss



Indlæg senest redigeret d. 25.11.2011 17:42 af Bruger #8884
1 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Find ud af hvor taleboblerne skal være i form af procenter. Altså lad os nu sige du har et billede der er 800 x 600 og hans mund er ved 400 x 300, så ved du at munden er ved 400 / 800 * 100% = 50% og 300 / 600 * 100% = 50%.

Så munden er 50% af billedet fra toppen og 50% af billedet fra venstre. Så nu spørger du bare brugeren om hvilken resolution han har og ganger x og y med dine procenter og voila, så har du et sæt koordinater hvor du vil sætte billedet ind.

* EDIT * Hvis du vælger at bruge det, må du gerne kreditere mig. Ville være fedt ;)



Indlæg senest redigeret d. 25.11.2011 18:04 af Bruger #10281
t