CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

kartolux Nybegynder

02. september 2001 - 23:06 Der er 6 kommentarer og
3 løsninger

Positionering af billede

Jeg har prøvet at positionere et billede absolut. I Frontpage klikker man på billedet, trykker på \"absolute position knappen\" og vupti kan man flytte rundt på billedet.

Men det er ikke smart. Hvis man gør det, så tages der udgangspunkt i skærmens margener, fordi, hvis jeg resizer min browers frie areal, så flyder billedet rundt efter resize.

Jeg håber, jeg forklarer godt nok :0)

Kan jeg på nogen måde placere et billede absolut i html - og ¨samtidigt \"forankre\" det til f.eks. en tekst eller lignende? På denne måde vil billedet ikke flyde rundt efter skærmens margener.....

Synes godt om

jolt2you Nybegynder

02. september 2001 - 23:34 #1

<div id=\"Layer1\" style=\"position:absolute; width:73px; height:48px; z-index:1; left: 13px; top: 12px; visibility: visible\"><img src=\"gfx/logo.gif\" border=\"0\" name=\"klik\" width=\"73\" height=\"48\" align=\"center\"></div>

Kan du bruge dette?

-Jolt2you

Synes godt om

kartolux Nybegynder

02. september 2001 - 23:52 #2

Nej - ikke helt :0)

Hvis du går til:
http://www.erhvervstilbud.dk/bladre.asp?ArticleID=67

kan du se koden in action. Men som du ser er min side centreret i det frie browser-areal. Hvis du ser siden i 1024x768, så kan du åbne dine favorites i en menu i venstre side. (I din browser)

Dit script fastholder ganske pænt billedet i øverste venstre hjørne. Men hvis du resizer din favorites i bredden, så skrider stjerne-billedet.

Jeg ville gerne have stjernen til at ligge inde \"på makulator-fotoet\"

Hvordan gør man det på en centreret side?

HUSK at mit websted ikke er åbnet endnu :0)

Synes godt om

jakoba Nybegynder

03. september 2001 - 00:28 #3

Ja det kan du godt.
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp93955.html

Synes godt om

jakoba Nybegynder

03. september 2001 - 00:30 #4

hvis laget skal stå hele tiden laver du en onresize= event i body der kalder funktionen placer() for de aktive lag

Synes godt om

kartolux Nybegynder

03. september 2001 - 00:43 #5

jacoba -> Her ser du koden, der i dag er indsat for \"den mobile stjerne\":

<div id=\"Layer1\" style=\"position:absolute; width:73px; height:48px; z-index:1; left: 13px; top: 12px; visibility: visible\"><img src=\"/ArticlesImages/20%_web.gif\" border=\"0\" name=\"klik\" width=\"183\" height=\"164\" align=\"center\"></div>

Hvordan skal den se ud, hvis den event \"on resize\" du taler om skal ske i tilfælde af resize? Skal jeg (behøver jeg) indsætte noget i headeren for min side?

Jeg må erkende, at det sene tidspunkt gør tingene lidt utydelige for mig.

Synes godt om

jakoba Nybegynder

03. september 2001 - 01:19 #6

Som du nok har lagt mærke til er det grumme nemt at placere laget i de x,y koordinater man vil. Det svære er at finde ud af hvad de koordinater skal være. jeg gør det ved at have et lille billede i linket. laget positioneres ved at aflæse det \'usynlige\' ankerbilles position og lægge lidt til.

resizen er ret nem.

i <body kommandoen
<body ... onresise=\"genplacer()\"

hvor funktionen genplacer er defineret til at hitte ud af hvor laget nu skal ligge og flytte det derhen.

i dit tilfælde indebærer det at give både \'makulator fotoet\' og stjernen et navn

function placer( stjernenavn, makulatorfotonavn )

i funktionen placer() justerer du så stjenens position relativt til makulatoren ved at ændre konstanterne (hos mig 50 og 15 de 2 steder positionen sættes.

mvh JakobA

Synes godt om

kartolux Nybegynder

03. september 2001 - 14:01 #7

Det finder jeg aldrig selv ud af :0)

Synes godt om

roenving Novice

04. september 2001 - 04:46 #8

Aehh ...

Det du mangler er jo at bruge screen.availWidth og screen.availHeight i stedet for at bruge screen.width og screen.Height.

hth
jes

Synes godt om

kartolux Nybegynder

02. november 2001 - 10:39 #9

Tak for hjælpen! :0)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS