Søg
Avatar billede ghml Nybegynder
12. juni 2004 - 00:36 Der er 21 kommentarer og
1 løsning

Link som skal være i øverste højre hjørne

Hey

Jeg skal lave et link som på min hjemmeside altid er placeret i ØVERSTE HØJRE hjørne (ligemeget brugers skærmstørrelse og om der scrolles).

Tænker lidt på at bruge :

<p style='position: absolute; left: 50px; bottom: 50px;'>
<a href="www.adresse.dk" target="main">LINK TEKST</a><br

men jeg synes ikke den er helt go.

Nogle forslag ?

Tak på forhånd
Avatar billede thedeathart Nybegynder
12. juni 2004 - 00:38 #1
hvis det ALTID skal være samme sted skal du bruge en absolut position.

det er det bedste du kan gøre
Avatar billede grunken Nybegynder
12. juni 2004 - 00:41 #2
<a style="position:absolute;top:10px;right:10px;" href="link.html">Link</a>
Avatar billede thedeathart Nybegynder
12. juni 2004 - 00:41 #3
du kan bare gøre sådan.
<STYLE type="text/css">
<--
#link {
position: absolute;
}
-->
</STYLE>

<div id="link">
<a href="www.adresse.dk" target="main">LINK TEKST</a>
</div>
Avatar billede grunken Nybegynder
12. juni 2004 - 00:44 #4
aha og lige meget om der scrolles ;p

der skal vist også lige skrive lidt javascript :o)
Avatar billede ghml Nybegynder
12. juni 2004 - 00:51 #5
thedeathart> det virker ikke. linket er i øverste venstre hjørne (som normalt)
Avatar billede ghml Nybegynder
12. juni 2004 - 00:53 #6
grunken>> tak for svaret, det virker! venligst opret "svar".
Avatar billede grunken Nybegynder
12. juni 2004 - 00:54 #7
hvis du skal have det sidende oppe i hjørnet også selvom der scrolles, så kan du tilføje dennne lille funktion :o)

<script type="text/javascript">
function bevar(){
  e = document.getElementById('linket');
  e.style.top = (document.body.scrollTop+10)+"px";
}
</script>



<body onscroll="bevar();">
<a id="linket" style="position:absolute;top:10px;right:10px;" href="link.html">Link</a>
</body>

-og smider et svar :o)
Avatar billede grunken Nybegynder
12. juni 2004 - 00:54 #8
altså :o)
Avatar billede ghml Nybegynder
12. juni 2004 - 00:54 #9
grunken>>  HOV... :
<a style="position:absolute;top:10px;right:10px;" href="link.html">Link</a>
HVIS MAN SCROLLER FLYTTER DEN SIG. KAN DET ÆNDRES SÅ DEN BLIVER DER?
Avatar billede ghml Nybegynder
12. juni 2004 - 00:54 #10
OK prøver..
Avatar billede thedeathart Nybegynder
12. juni 2004 - 00:55 #11
ja, grunkes var også bedre..

jeg glemte:

<div id="link" align="left2>
Avatar billede ghml Nybegynder
12. juni 2004 - 00:56 #12
YES det virker
Avatar billede grunken Nybegynder
12. juni 2004 - 00:59 #13
:o)
Avatar billede ghml Nybegynder
12. juni 2004 - 01:05 #14
hvordan gør jeg hvis jeg skal have flere links ved siden af hinanden - vandret
Avatar billede thedeathart Nybegynder
12. juni 2004 - 01:06 #15
adskiller dem med &nbsp;
Avatar billede ghml Nybegynder
12. juni 2004 - 01:13 #16
Tak - hvor er det jeg indsætter _blank for at få den til at åbne i nyt vindue?
Avatar billede thedeathart Nybegynder
12. juni 2004 - 01:13 #17
<a target"_blank" style="position:absolute;top:10px;right:10px;" href="link.html">Link</a>
Avatar billede thedeathart Nybegynder
12. juni 2004 - 01:14 #18
ups.. glemte =

<a target="_blank" style="position:absolute;top:10px;right:10px;" href="link.html">Link</a>
Avatar billede grunken Nybegynder
12. juni 2004 - 01:14 #19
<a id="linket" style="position:absolute;top:10px;right:10px;" href="link.html" target="_blank">Link</a>
Avatar billede grunken Nybegynder
12. juni 2004 - 01:14 #20
;o)
Avatar billede grunken Nybegynder
12. juni 2004 - 01:18 #21
Men hvis du ønsker at der skal være flere links oppe i hjørnet, er det altså smatest at pakke det in i en div som i thedath's første eksempel :o)

<div id="linket" style="display:inline;position:absolute;top:10px;right:10px;">
<a target="_blank" href="link1">link1</a> <a target="_blank" href="link2">link3</a> </div>

o.s.v.
Avatar billede ghml Nybegynder
12. juni 2004 - 01:28 #22
grunken>> tusind tak. du får også lige den bedste KARMA af mig, da du har været virkelig flink. God weekend
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
I går 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I går 11:16 problem med mailbesked Af Pestilensen i Excel
I går 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
White papers
Flere white papers »