/ 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
hjælp til border
Fra : Mathias Flohr


Dato : 09-10-08 22:35

Jer er igang med at skrive en lille hjemmeside.
Men jeg er stødt på et problem:

Jeg har lavet menuen i toppen af dokumentet.
Så når man scroller nedad, vil jeg gerne have menuen til at følge
med, og overlappe den tekst, som alligevel vil komme ind under
den.

Håber i forstår og kan hjælpe

-Mathias

--
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

 
 
Birgit Holme (09-10-2008)
Kommentar
Fra : Birgit Holme


Dato : 09-10-08 22:40

Mathias Flohr wrote in dk.edb.internet.webdesign.html:
> Jer er igang med at skrive en lille hjemmeside.
> Men jeg er stødt på et problem:
>
> Jeg har lavet menuen i toppen af dokumentet.
> Så når man scroller nedad, vil jeg gerne have menuen til at følge
> med, og overlappe den tekst, som alligevel vil komme ind under
> den.
>
> Håber i forstår og kan hjælpe
>
> -Mathias
>
Et link til din side ville hjælpe gevaldig på forståelsen...

/Birgit



--
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

Kim Ludvigsen (10-10-2008)
Kommentar
Fra : Kim Ludvigsen


Dato : 10-10-08 00:25

Mathias Flohr skrev:
>
> Jeg har lavet menuen i toppen af dokumentet.
> Så når man scroller nedad, vil jeg gerne have menuen til at følge
> med, og overlappe den tekst, som alligevel vil komme ind under
> den.

Altså så menuen forbliver fast på siden i stil med siden i
min signatur? I så fald kan det gøres med css-egenskaben
position:fixed.

--
Mvh. Kim Ludvigsen
Gratis bridgeprogram, så du kan øve dig uden at blive udsat
for makkerens hvasse blikke og spark under bordet.
http://kimludvigsen.dk

Mathias Flohr (10-10-2008)
Kommentar
Fra : Mathias Flohr


Dato : 10-10-08 11:16

Lige præcist! Mange tak for hjælpen ;)

Kim Ludvigsen wrote in dk.edb.internet.webdesign.html:
> Mathias Flohr skrev:
> >
> > Jeg har lavet menuen i toppen af dokumentet.
> > Så når man scroller nedad, vil jeg gerne have menuen til at følge
> > med, og overlappe den tekst, som alligevel vil komme ind under
> > den.
>
> Altså så menuen forbliver fast på siden i stil med siden i
> min signatur? I så fald kan det gøres med css-egenskaben
> position:fixed.
>
> --
> Mvh. Kim Ludvigsen
> Gratis bridgeprogram, så du kan øve dig uden at blive udsat
> for makkerens hvasse blikke og spark under bordet.
> http://kimludvigsen.dk


--
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

Mathias Flohr (10-10-2008)
Kommentar
Fra : Mathias Flohr


Dato : 10-10-08 12:17

Har nu i et par time kigget på det du fortalte mig, kunne ikke få det
til at virke.
Kan du måske forklare lidt nærmere, omkring hvordan jeg gør?

-PS: Jeg har ikke selv et link, men Kims hjemmeside
http://kimludvigsen.dk indeholder øverst sådan en menu, som jeg prøver
at lave.

> Mathias Flohr skrev:
> >
> > Jeg har lavet menuen i toppen af dokumentet.
> > Så når man scroller nedad, vil jeg gerne have menuen til at følge
> > med, og overlappe den tekst, som alligevel vil komme ind under
> > den.
>
> Altså så menuen forbliver fast på siden i stil med siden i
> min signatur? I så fald kan det gøres med css-egenskaben
> position:fixed.
>
> --
> Mvh. Kim Ludvigsen
> Gratis bridgeprogram, så du kan øve dig uden at blive udsat
> for makkerens hvasse blikke og spark under bordet.
> http://kimludvigsen.dk


--
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

Kim Ludvigsen (10-10-2008)
Kommentar
Fra : Kim Ludvigsen


Dato : 10-10-08 13:39

Mathias Flohr skrev:
> Har nu i et par time kigget på det du fortalte mig, kunne ikke få det
> til at virke.
> Kan du måske forklare lidt nærmere, omkring hvordan jeg gør?

Det kræver, at vi kan se din side. Hvis du ikke har et
webhotel, du kan uploade den til, så kan du bruge det gratis
webhotel http://frac.dk.

--
Mvh. Kim Ludvigsen
Sæt de små grå hjerneceller i sving i en gratis udgave af
spilklassikeren Mastermind.
http://kimludvigsen.dk

Mathias Flohr (10-10-2008)
Kommentar
Fra : Mathias Flohr


Dato : 10-10-08 12:17

Har nu i et par time kigget på det du fortalte mig, kunne ikke få det
til at virke.
Kan du måske forklare lidt nærmere, omkring hvordan jeg gør?

-PS: Jeg har ikke selv et link, men Kims hjemmeside
http://kimludvigsen.dk indeholder øverst sådan en menu, som jeg prøver
at lave.

> Mathias Flohr skrev:
> >
> > Jeg har lavet menuen i toppen af dokumentet.
> > Så når man scroller nedad, vil jeg gerne have menuen til at følge
> > med, og overlappe den tekst, som alligevel vil komme ind under
> > den.
>
> Altså så menuen forbliver fast på siden i stil med siden i
> min signatur? I så fald kan det gøres med css-egenskaben
> position:fixed.
>
> --
> Mvh. Kim Ludvigsen
> Gratis bridgeprogram, så du kan øve dig uden at blive udsat
> for makkerens hvasse blikke og spark under bordet.
> http://kimludvigsen.dk


--
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

Lasse Reichstein Nie~ (11-10-2008)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 11-10-08 10:11

Mathias Flohr <mathiasf@ofir.dk> writes:

> Har nu i et par time kigget på det du fortalte mig, kunne ikke få det
> til at virke.
> Kan du måske forklare lidt nærmere, omkring hvordan jeg gør?

Noget i stil med:

<head>
....
<style type="text/css">
#topheader { width:100%;
height: 1em;
position: fixed;
left: 0px;
top: 0px;
border:1px solid black;
background-color: yellow;
}
</style>
.... sideindhold her ...
<div id="topheader">
Min tekst her
</div>
</body>

Position-fixed holder elementet fast i forhold til viewport'en i
browseren. Den virker dog ikke i IE 6 og tidligere (det tog Microsoft
godt 10 år at implementere CSS 2-standarden[1]). Her kan man så tilføje
noget script-værk i condiational comments der flytter elementet når
man scroller, fx:

<!--[if lt IE 7]>
<style type="text/css">
#topheader { position:absolute; }
</style>
<script type="text/javascript">
window.attachEvent("onscroll", function() {
var h = document.getElementById("topheader");
h.style.top = document.body.scrollTop + "px";
});
</script>
<![endif]-->

(Indsættes i head-sektionen. IKKE TESTET, jeg har ikke en IE6 her).

/L
[1] "Never attribute to malice what can be adequatly explained by stupidity"
--
Lasse Reichstein Holst Nielsen
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Mathias Flohr (12-10-2008)
Kommentar
Fra : Mathias Flohr


Dato : 12-10-08 02:07

Så nu virker det.
Mange tak for alle rådene, og jeg beklager at jeg ikke havde nogle links op,
men jeg manglede et webhotel, selvom Kim dog viste mig hen til et, kunne det
ikke samarbejde med mit FTP program.

Lasse Reichstein Nielsen wrote in dk.edb.internet.webdesign.html:
> Mathias Flohr <mathiasf@ofir.dk> writes:
>
> > Har nu i et par time kigget på det du fortalte mig, kunne ikke få det
> > til at virke.
> > Kan du måske forklare lidt nærmere, omkring hvordan jeg gør?
>
> Noget i stil med:
>
> <head>
> ....
> <style type="text/css">
> #topheader { width:100%;
> height: 1em;
> position: fixed;
> left: 0px;
> top: 0px;
> border:1px solid black;
> background-color: yellow;
> }
> </style>
> .... sideindhold her ...
> <div id="topheader">
> Min tekst her
> </div>
> </body>
>
> Position-fixed holder elementet fast i forhold til viewport'en i
> browseren. Den virker dog ikke i IE 6 og tidligere (det tog Microsoft
> godt 10 år at implementere CSS 2-standarden[1]). Her kan man så tilføje
> noget script-værk i condiational comments der flytter elementet når
> man scroller, fx:
>
> <!--[if lt IE 7]>
&gt; <style type="text/css">
&gt; #topheader { position:absolute; }
&gt; </style>
&gt; <script type="text/javascript">
&gt; window.attachEvent("onscroll", function() {
&gt; var h = document.getElementById("topheader");
&gt; h.style.top = document.body.scrollTop + "px";
&gt; });
&gt; </script>
&gt; <![endif]-->
>
> (Indsættes i head-sektionen. IKKE TESTET, jeg har ikke en IE6 her).
>
> /L
> [1] "Never attribute to malice what can be adequatly explained by stupidity"
> --
> Lasse Reichstein Holst Nielsen
> DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
> 'Faith without judgement merely degrades the spirit divine.'


--
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

Erik Ginnerskov (12-10-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 12-10-08 11:51

Mathias Flohr wrote:

> men jeg manglede et webhotel, selvom Kim dog viste mig hen
> til et, kunne det ikke samarbejde med mit FTP program.

Hvad er det for et ftp-program? Der plejer ikke at være ftp-problemer hos
frac.dk

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


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

Månedens bedste
Årets bedste
Sidste års bedste