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

no_name Nybegynder

23. juli 2005 - 04:04 Der er 16 kommentarer og
1 løsning

Kan ikke placere link på linje med tekst

Hvordan indsætter jeg denne kode:

<a href="#" onClick="javascipt: window.scrollTo(0,0)"><i>Til top</i></a>

... i nedenstående, så den er på linje med teksten <h1> i højre side?

<h1>Dette er en tekst</h1>
<br />
<h3>Her er mere tekst </h3>
<p>Der var engang en mand …
</p>

Synes godt om

no_name Nybegynder

23. juli 2005 - 04:17 #1

Ovenstående er et meget lille udsnit af en meget lang sammenhængende kode, så ved ikke om en tabel er svaret. Men der er måske ikke noget i vejen for, at lave en lille tabel omkring de to koder? Eller er der en anden løsning.

Går i seng nu - tilbage senere i dag.

Synes godt om

Slettet bruger

23. juli 2005 - 09:49 #2

En mulighed er at smide en div om og krydre dem med lidt css. Derudover vil jeg foreslå, at du i toppen laver en <a name="top"></a> for bliver javascriptet til at hoppe til toppen overflødigt.

<div class="holder"><h1>Dette er en tekst</h1><a href="#top">Til top</a></div>
<h3>Her er mere tekst </h3>
<p>Der var engang en mand …
</p>

CSSen til er:

.holder { position: relative; width: 100%; }
.holder h1 { position: absolute; left: 0; top: 0; width: 80%; display: inline; }
.holder a { position: absolute; right: 0; top: 0; width: 20%; }

Eller måske vil denne virke bedre:

.holder { position: relative; width: 100%; }
.holder h1 { float: left; width: 80%; }
.holder a { float: right; width: 20%; }

PS. Det er generelt dårlig kodestil at have en <h3> lige efter en <h1>. Normalt vil det være en <h2> der skal være næste overskriftsniveau.

Synes godt om

roenving Novice

23. juli 2005 - 11:49 #3

-- og den simpleste løsning er som sædvanligt at benytte sig af det element, som præcis kan håndtere den slags, tabellen !-)

<table width="100%"><tr><td><h1>Dette er en tekst</h1></td><td align="right"><a href="#top">Til toppen</a></td></tr></table>

Synes godt om

roenving Novice

23. juli 2005 - 11:54 #4

Tjah, der var en simpel løsning mere, men det kommer an på hvad der er pænest på din side:

<table width="100%"><tr><td><h1>Dette er en tekst</h1></td><td align="right"><a href="#top">Til toppen</a></td></tr></table>
<br><br><br>
<a href="#top" style="float:right;">Til toppen</a>
<h1>Dette er en tekst</h1>

Synes godt om

no_name Nybegynder

23. juli 2005 - 15:34 #5

sandbox

Citat: "Derudover vil jeg foreslå, at du i toppen laver en <a name="top"></a> for bliver javascriptet til at hoppe til toppen overflødigt."

Det *skal* være det script. Ellers mangler der et lille stykke for at siden kommer hel op. Og det ser skidt ud når man skifter imellem mine sider, fordi det syner som om knapperne og et banner ikke sidder samme sted (har ikke benyttet frames).

Citat: "PS. Det er generelt dårlig kodestil at have en <h3> lige efter en <h1>. Normalt vil det være en <h2> der skal være næste overskriftsniveau."

Joh ..., men det er altså den størrelse teksten skal have.

-------

roenving

Det var jo så selv det jeg var inde på. Nu bryger jeg ikke procenter, men bortset fra det ...

-------

I får 15. hver.

Synes godt om

Slettet bruger

23. juli 2005 - 18:18 #6

Hvis du bruger <h1> til <h6> alene for at bestemme størrelsen på teksten, vil jeg anbefale dig at lære CSS. Den praksis gik af mode, da <font> blev opfundet, og <font> blev forældet, da vi fik HTML 4 i 1996.

Synes godt om

roenving Novice

23. juli 2005 - 18:25 #7

>>sandbox, 1998 (html4 fra maj, og 4.01 december !-)

-- men der er gode grunde til at benytte h-tags, for det opfatter søgemaskinerne som 'vigtig' tekst, men du har selvølgelig ret i, at formattering af størrelse ikke er så hensigtsmæssig (udover, at der er en hulens masse margin/padding på den slags elementer !-)

>>no-name

-- hvis dit problem er at der mangler lidt i toppen, kan du da bare sætte linket til at være absolut i top:

<body style="margin:0;padding:0;">
<a name="top" style="line-height:0;font-size:0;"> </a>

Synes godt om

olebole Juniormester

23. juli 2005 - 19:30 #8

<ole>

Det ser ud somom, no_name skriver XHTML. Hvis det er i version 1.1, skal det så være id="top", da name-attributten på et anker ikke eksisterer i XHTML1.1

/mvh
</bole>

Synes godt om

Slettet bruger

23. juli 2005 - 20:44 #9

Rønving:

Kunne vi lave et kompromis og sige 1997? http://www.w3.org/TR/REC-html40-971218/ ;-) Det er den første, som ikke er "proposed".

Derudover var det vist meningen, at du skulle ligge et svar, hvis jeg læser sidste linie af no_names kommentar korrekt.

olebole: Det har du da ret i.

Synes godt om

no_name Nybegynder

23. juli 2005 - 21:28 #10

Jeg ved ikke nok om css til at kunne gøre det anderledes. Skal snart have taget mig sammen til at lære det.

Er ikke helt med på hvad der menes med dette: "hvis dit problem er at der mangler lidt i toppen, kan du da bare sætte linket til at være absolut i top:" + kode.
Skrev i spørgsmålet hvad jeg skal have gjort??

Jeg skriver altid både name og id ind.

Synes godt om

no_name Nybegynder

23. juli 2005 - 21:29 #11

Jeg bruger bare tabel-løsningen.

Synes godt om

roenving Novice

23. juli 2005 - 21:29 #12

Hvis du laver et bogmærke, som ingen højde har, kan man ikke komme længere op !-)

Synes godt om

no_name Nybegynder

23. juli 2005 - 21:35 #13

Teksten i <h1>-koden skal være centreret. Det kan jeg ikke få den til.

Synes godt om

no_name Nybegynder

23. juli 2005 - 21:43 #14

Problemet er at når jeg har to celler, så kan jeg ikke få teksten i <h1> til at være midt på siden. Hvordan gør jeg det?

Synes godt om

roenving Novice

24. juli 2005 - 00:26 #15

Så er de måske sådan noget, du kan bruge:

<h1 style="text-align:center;position:relative;">Her er en tekst<a href="#top" style="font-size:x-small;position:absolute;right:0;padding-top:10px;">Til toppen</a></h1>

Synes godt om

no_name Nybegynder

24. juli 2005 - 02:21 #16

Det kigger jeg på.

Nu må jeg hellere lukke det her. roenving læg et svar!

Synes godt om

no_name Nybegynder

28. juli 2005 - 01:20 #17

-----------

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
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
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	3	29/09/202410:58	20/03/202513:38

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