Notifikationer

Markér alle som læst Log ud

sako Nybegynder

21. juli 2003 - 14:16 Der er 6 kommentarer og
1 løsning

placere div ud fra et billede

Jeg har snart søgt hele nettet igennem uden at finde et svar. Jeg mener at have set engang at man kan placere et layer i forhold til et billede - så ens layer altid kommer det samme sted uanset hvilken skærmopløsning brugerne bruger - men kan ikke lige finde det igen

Synes godt om

grunken Nybegynder

21. juli 2003 - 14:23 #1

<img src="billede.jpg">
<div style="position:relative;top:100px;left:50px;">hejsa</div>

Synes godt om

sako Nybegynder

21. juli 2003 - 14:33 #2

tror ikke lige jeg har forklaret det godt nok....

Jeg har lavet www.fiskesiden.dk hvis du ser i højrehjørne der er der 3 flag - jeg vil gerne have placeret et banner i et layer lige under den blå bjælke og i det "tommerum" - men hvis jeg bare gør det alminligt - flytter banneret sig alt efter hvilken skærmopløsning man bruger - derfor havde jeg håbet på at man kunne knytte layeret til det billede hvor der står "velkommen til fiskesiden.dk" - så den altid vil være det samme sted... det vil sige lige til højre for billedet med "velkommen ti Fiskesiden.dk"

ved ikke om det gav mere mening?? :o)

Synes godt om

roenving Novice

21. juli 2003 - 15:08 #3

Så skal du have fat i noget javascript, som reagerer på skærmstørrelsen med onload og med onresize ...

olebole har lavet en genial lille funktion, som kan bruges:

-- her modificeret til det jeg tror er dit behov:
function posDiv(){
elm = document.getElementById('minRefTd');
for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
xDiv = document.getElementById('bannerDiv');
xDiv.style.top = zy + "px";
xDiv.style.left = (zx + 792) + "px";
xDiv.style.display = 'block';
}

-- og så laver du din body til:

<body ... onload="posDiv();" onresize="posDiv();">

-- giver den td billedet sidder i en id:

<td id="minRefTd"><img src="image/main.jpg" width="788" height="200"></td>

og laver dit banner -- placer den hvorsomhelst i koden:

<div id="bannerDiv" style="position:absolute;width:100px;height:400px;display:none;">Dit banner her</div>

-- og det er skrevet lige her, så de sidste rettelser, må vi lave, når du får integreret det !-)

Synes godt om

roenving Novice

21. juli 2003 - 15:11 #4

-- og det _kan_ ikke laves uden javascript, så alle dem, som sidder på folkebiblioteker, skoler og jomfrunalske arbejdspladser kan slet ikke se banneret (så er det heller ikke i vejen !-)

PS. Det sidste tal jeg så var 13 % som ikke kører javascript ...

Synes godt om

sako Nybegynder

21. juli 2003 - 15:19 #5

du er eddermame giftig - mange tak det virker perfekt..... smid et svar - takker og bukker mange gange :o)

Synes godt om

roenving Novice

21. juli 2003 - 15:28 #6

Velbekomme '-)

Synes godt om

roenving Novice

21. juli 2003 - 15:40 #7

-- og tak for points ;~}

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
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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