/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
IE driller
Fra : Thomas Gade


Dato : 13-02-05 11:56

Jeg har lavet et link i bunden af min side der linker til toppen af siden.

<a href"#top">Til top</a> --- <body id="top">

koden virker fint i FF og Opera men ikke i IE, Nogen der ved hvorfor?


--

Mvh
Thomas

 
 
Per Rasmussen (13-02-2005)
Kommentar
Fra : Per Rasmussen


Dato : 13-02-05 12:17

Thomas Gade wrote in dk.edb.internet.webdesign.html:
> Jeg har lavet et link i bunden af min side der linker til toppen af siden.
>
> <a href"#top">Til top</a> --- <body id="top">
>
> koden virker fint i FF og Opera men ikke i IE, Nogen der ved hvorfor?
>

Jeg ved ikke og det er fordi du bruger <body
Men jeg har gjort det på denne måde:
i toppen:
<div class="oppe">
<a id="oppe"></a>
</div>

I bunden har jeg så sat:
<a href="#oppe">Top</a>

Og det virker både i IE og Firefox

PerR

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Claus Jacobsen (13-02-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 13-02-05 13:39

Per Rasmussen skrev:

> Thomas Gade wrote in dk.edb.internet.webdesign.html:
> > Jeg har lavet et link i bunden af min side der linker til toppen af
> > siden.
> > <a href"#top">Til top</a> --- <body id="top">
> >
> > koden virker fint i FF og Opera men ikke i IE, Nogen der ved
> > hvorfor?
>
> Jeg ved ikke og det er fordi du bruger <body
> Men jeg har gjort det på denne måde:
> i toppen:
> <div class="oppe">
> <a id="oppe"></a>
> </div>
>
> I bunden har jeg så sat:
> <a href="#oppe">Top</a>
>
> Og det virker både i IE og Firefox
>
> PerR

Hmm hvorfor dobbeltkonfekt?????

du laver både en klasse og en id, men hvorfor laver du et link med id?
drop da den og lav div'en om til id og link til den istedet! Det er en
af hovedargumenterne for at bruge ID's! nemlig at du kan komme til et
vilkårligt unik stykke information fra en hvilken som helst side; <a
href="testdenneside.htm#kapitel1">til kapitel1</a> og i
testdenneside.htm kan du have et afsnit der er identificeret som
id="kapitel1" og linket jeg angav før kan være et hvilket som helst
link, på en hvilken som helst side, på dit domæne. (forudsat at alle
dine html filer ligger i samme dir! Eller kan du lave det helt præcist
og skrive både domæne/foldere etc med og så kan du lave et link hvor
som helst i cyberspace!
)

En bedre løsning hvis man skal helt til toppen af sit indhold kan se ud
som følger:

#pagewrapper
   #menu
   #content
   #footer

og et godt stykke ned i dit content kan du lave et link der går enten
til #pagewrapper (Helt op i toppen) #content (til start af dit
contentareal) eller #menu som giver dem mulighed for at kunne navigere
videre uden at skulle scrolle. (bruger du #pagewrapper, er der
selvfølgelig ingen problemer overhovedet. :)

Claus

Thomas Gade (13-02-2005)
Kommentar
Fra : Thomas Gade


Dato : 13-02-05 16:24

Per Rasmussen wrote:
> Thomas Gade wrote in dk.edb.internet.webdesign.html:
>
>>Jeg har lavet et link i bunden af min side der linker til toppen af siden.
>>
>><a href"#top">Til top</a> --- <body id="top">
>>
>>koden virker fint i FF og Opera men ikke i IE, Nogen der ved hvorfor?
>>
>
>
> Jeg ved ikke og det er fordi du bruger <body
> Men jeg har gjort det på denne måde:
> i toppen:
> <div class="oppe">
> <a id="oppe"></a>
> </div>
>
> I bunden har jeg så sat:
> <a href="#oppe">Top</a>
>
> Og det virker både i IE og Firefox
>

Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
#wrapper, mangler der en 1em for at jeg er helt oppe i toppen af siden.

kan man ikke gøre det på en måde så IE kommer helt op til toppen af
siden selv om man bruger en top-margin?


--

Mvh
Thomas

Erik Ginnerskov (13-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-02-05 17:36

Thomas Gade wrote:

> Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
> #wrapper, mangler der en 1em for at jeg er helt oppe i toppen af
> siden.
>
> kan man ikke gøre det på en måde så IE kommer helt op til toppen af
> siden selv om man bruger en top-margin?

<body>
<div id="top" style="position:absolute;top:0;height:0;"></div>

<div id="wrapper">
....
<a href="#top">Til sidens top</a>
</div>
</body>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Thomas Gade (13-02-2005)
Kommentar
Fra : Thomas Gade


Dato : 13-02-05 18:21

Erik Ginnerskov wrote:
> Thomas Gade wrote:
>
>
>>Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
>>#wrapper, mangler der en 1em for at jeg er helt oppe i toppen af
>>siden.
>>
>>kan man ikke gøre det på en måde så IE kommer helt op til toppen af
>>siden selv om man bruger en top-margin?
>
>
> <body>
> <div id="top" style="position:absolute;top:0;height:0;"></div>
>
> <div id="wrapper">
> ...
> <a href="#top">Til sidens top</a>
> </div>
> </body>
>
Takker

--

Mvh
Thomas

Claus Jacobsen (13-02-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 13-02-05 20:29

Thomas Gade skrev:


> Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
> #wrapper, mangler der en 1em for at jeg er helt oppe i toppen af
> siden.
>
> kan man ikke gøre det på en måde så IE kommer helt op til toppen af
> siden selv om man bruger en top-margin?

jo så navngiv din body!!! Du kunne eksempelvis give din body på hver
side et id, det giver nogle andre fordele hvis man skal skelne css
sidevis, men indsæt en id i body og du kan linke til den!

Du skal være opmærksom på, at linket går til det sted rent visuelt hvor
starten på det linkede element er! Derfor hvis du har en topmargin på
din ydre wrapper (ville jeg ikke gøre, men det er nok bare mig! ;) ) så
vil den uundgåeligt starte hvor din div starter visuelt, aætså x pixels
nede.


Claus

Thomas Gade (13-02-2005)
Kommentar
Fra : Thomas Gade


Dato : 13-02-05 21:53

Claus Jacobsen wrote:
> Thomas Gade skrev:
>
>
>
>>Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
>>#wrapper, mangler der en 1em for at jeg er helt oppe i toppen af
>>siden.
>>
>>kan man ikke gøre det på en måde så IE kommer helt op til toppen af
>>siden selv om man bruger en top-margin?
>
>
> jo så navngiv din body!!! Du kunne eksempelvis give din body på hver
> side et id, det giver nogle andre fordele hvis man skal skelne css
> sidevis, men indsæt en id i body og du kan linke til den!

Hvis du ser eksemplet i mit første indlæg kan du se at det er det jeg
har gjort. Problemet er at det ikke virker i IE.
>
> Du skal være opmærksom på, at linket går til det sted rent visuelt hvor
> starten på det linkede element er!
Derfor hvis du har en topmargin på
> din ydre wrapper (ville jeg ikke gøre, men det er nok bare mig! ;) ) så
> vil den uundgåeligt starte hvor din div starter visuelt, aætså x pixels
> nede.

Det er jeg klar over. Har prøvet at følge Eriks eksempel med en blank
div i toppen, men det virker heller ikke i IE.
Sætter jeg derimod et <h> plus lidt tekst (med samme farve som
baggrunden) ind i den blanke div og giver den et id virker det godt nok.
Men det er jo ikke en særlig god løsning

hvis der ikke er noget indhold í <h> virker det ikke.


--

Mvh
Thomas

Claus Jacobsen (13-02-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 13-02-05 23:08

Thomas Gade skrev:


> Hvis du ser eksemplet i mit første indlæg kan du se at det er det jeg
> har gjort. Problemet er at det ikke virker i IE.

Hmm det virkede fint i min IE

> Det er jeg klar over. Har prøvet at følge Eriks eksempel med en blank
> div i toppen, men det virker heller ikke i IE. Sætter jeg derimod et
> <h> plus lidt tekst (med samme farve som baggrunden) ind i den blanke
> div og giver den et id virker det godt nok. Men det er jo ikke en
> særlig god løsning

hmm det er vanskeligt at se præcis hvad du har gjort, da du ikke har
angivet et link til en side. Det er faktisk vanskeligt at lave præcis
fejlfinding hvis man bare smider kode herind! Fejlen behøver ikke ligge
lige der hvor man tror den er!


Claus


Jens Gyldenkærne Cla~ (13-02-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 13-02-05 23:14

Thomas Gade skrev:

> Hvis du ser eksemplet i mit første indlæg kan du se at det er
> det jeg har gjort. Problemet er at det ikke virker i IE.

Prøv at se eksempler og testresultater på siden her:
<http://gyros.dk/usenet/html/toplink.shtml>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Thomas Gade (13-02-2005)
Kommentar
Fra : Thomas Gade


Dato : 13-02-05 23:39

Jens Gyldenkærne Clausen wrote:
> Thomas Gade skrev:
>
>
>>Hvis du ser eksemplet i mit første indlæg kan du se at det er
>>det jeg har gjort. Problemet er at det ikke virker i IE.
>
>
> Prøv at se eksempler og testresultater på siden her:
> <http://gyros.dk/usenet/html/toplink.shtml>

Tak, det gav syn for sagen.

--

Mvh
Thomas

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste