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

shaya Praktikant

23. august 2010 - 18:04 Der er 7 kommentarer og
1 løsning

Usynlig link over baggrund

Hej alle

Jeg har et billede som skal være baggrunden + skabelon på min hjemmeside. Skabelonen er lavet i et tegneprogram (så det er et billede). Skabelonen/baggrunden er centreret så x + y positionen ændres hele tiden afhængigt af webbrowser vindue bredde, som brugeren jo kan styre. Så hvordan kan jeg gør sådan at ligge linket over ét punkt i billedet, så den altid følger knappen på billedet??

Altså hvordan finder jeg midtpunktet (x-værdi) af internet-skærmen (ikke webbrowser vindue eller desktop-x-mouse), men den ting som viser det aktuelle internet. Og så kan jeg bare plusse eller minusse de x-værdier der skal til for at ændre linket position???

Tak på forhånd

Kan godt være spørgsmålet er i den forkerte kategori??

Synes godt om

kimdolleris Nybegynder

23. august 2010 - 19:35 #1

Du kan positionere..Altså; hvis du har en boks (dit link) som er fx 300x100pxs og den skal ligge oven på noget der altid er 40 pixels fra midten og 10pxs fra toppen af browseren kan du gøre sådan;

#minlinkcontainer{

width:300px;
height:100px;

position:absolute;
top: 10px; /* din top position */
left:50%;
margin-left:40px; /* Din venstre position fra midten (kan også være negativ "-40px;" */

}

Husk at dit ugangspunkt på boksen altid er øverste venstre hjørne.

Det med at den skal være usynlig kan du evt. gøre med en 1x1px transparent gif.

//Kim

Synes godt om

shaya Praktikant

24. august 2010 - 08:31 #2

Tusind tusind tak.

Synes godt om

shaya Praktikant

25. august 2010 - 09:43 #3

Ups kan ikk rigtig få det til at fungerer??? det med at placere link venstre til midt?? Det der margin-left virker ikke?

Synes godt om

kimdolleris Nybegynder

25. august 2010 - 09:47 #4

Har du noget kode eller noget jeg kan se?

Synes godt om

shaya Praktikant

25. august 2010 - 12:14 #5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="200" border="1" style="left:50%; margin-left:-50;">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

Lavet i dreamweaver??

Synes godt om

shaya Praktikant

25. august 2010 - 12:15 #6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="200" border="1" style="left:50%; margin-left:-50px;">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

Dette virker ikke. Den placer tabellen 50px til venstre udenfor skærmen?

Synes godt om

kimdolleris Nybegynder

25. august 2010 - 12:53 #7

Fordi du mangler position:absolute;

position:absolute;
top: 10px; /* din top position */
left:50%;
margin-left:40px; /* Din venstre position fra midten (kan også være negativ "-40px;" */

Synes godt om

shaya Praktikant

25. august 2010 - 16:25 #8

Ohhhhhhhh ok tak skal du have

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
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
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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