/ 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
Fixed top
Fra : Peter Vesth


Dato : 21-03-07 10:21

Jeg vil gerne have hovedet (toppen på siden) stående (fixed)
sådan, at jeg scroller under "hovedet".

Jeg har prøvet meget med fixed baggrund i css'en og z-index, men
ikke tale om, at jeg kan få den til at blive stående.

Det er meget tænkeligt, at min bornholmske hjerne er gået i
baglås, så jeg håber på hjælp.

Se hjemmesiden på www.jesser.dk

Peter Vesth

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

 
 
Birger Sørensen (21-03-2007)
Kommentar
Fra : Birger Sørensen


Dato : 21-03-07 10:56

Peter Vesth wrote in dk.edb.internet.webdesign.html:
> Jeg vil gerne have hovedet (toppen på siden) stående (fixed)
> sådan, at jeg scroller under "hovedet".
>
> Jeg har prøvet meget med fixed baggrund i css'en og z-index,
men
> ikke tale om, at jeg kan få den til at blive stående.
>
> Det er meget tænkeligt, at min bornholmske hjerne er gået i
> baglås, så jeg håber på hjælp.
>
> Se hjemmesiden på www.jesser.dk
>
> Peter Vesth


<img src="billeder/baggrundtop.jpg" alt="Hovede" z-index: 1;/>
img har ingen attribute der hedder z-index. Den findes derimod i
style, og du kan angive den enten i din .css fil eller med <img
... style="z-index:1;" /> ( og bemærk mellemrum før /...).
Ikke at det hjælper på det du gerne vil... ;>) z-index, betemmer
hvad der er øverst, hvis to elementer bruger samme område på
siden.
For at få et element til at blive på en given plads, skal det
være absolut positioneret (i style), og du skal på body's onload
og onscroll beregne den aktuelle position.
Sådan kan det i hvert fald lade sig gøre. Men det kan være, andre
har bedre ideer... ;>)

Birger


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

Jørgen Farum Jensen (21-03-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 21-03-07 11:26

Birger Sørensen skrev:
> Peter Vesth wrote in dk.edb.internet.webdesign.html:
>> Jeg vil gerne have hovedet (toppen på siden) stående (fixed)
>> sådan, at jeg scroller under "hovedet".
>>
>> Jeg har prøvet meget med fixed baggrund i css'en og z-index,
> men
>> ikke tale om, at jeg kan få den til at blive stående.
>>
>> Det er meget tænkeligt, at min bornholmske hjerne er gået i
>> baglås, så jeg håber på hjælp.
>>
>> Se hjemmesiden på www.jesser.dk
>>
>> Peter Vesth
>
>
> <img src="billeder/baggrundtop.jpg" alt="Hovede" z-index: 1;/>
> img har ingen attribute der hedder z-index. Den findes derimod i
> style, og du kan angive den enten i din .css fil eller med <img
> .. style="z-index:1;" /> ( og bemærk mellemrum før /...).
> Ikke at det hjælper på det du gerne vil... ;>) z-index, betemmer
> hvad der er øverst, hvis to elementer bruger samme område på
> siden.
> For at få et element til at blive på en given plads, skal det
> være absolut positioneret (i style), og du skal på body's onload
> og onscroll beregne den aktuelle position.
> Sådan kan det i hvert fald lade sig gøre. Men det kan være, andre
> har bedre ideer... ;>)
>
> Birger
>
>
#top {
position:fixed;
left:0;top:0;
....
}
fikserer elementet i toppen af browservinduet.

<!--[if lt IE 7]>
<style type="text/css" media="screen">
#top {position:absolute;}
</style>
<![endif]-->

positionerer elementet i toppen af siden.
Tidligere versioner af IE forstår ikke
position:fixed.
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Peter Vesth (21-03-2007)
Kommentar
Fra : Peter Vesth


Dato : 21-03-07 14:50

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Peter Vesth wrote in dk.edb.internet.webdesign.html:
> > Jeg vil gerne have hovedet (toppen på siden) stående (fixed)
> > sådan, at jeg scroller under "hovedet".
> >
> > Jeg har prøvet meget med fixed baggrund i css'en og z-index,
> men
> > ikke tale om, at jeg kan få den til at blive stående.
> >
> > Det er meget tænkeligt, at min bornholmske hjerne er gået i
> > baglås, så jeg håber på hjælp.
> >
> > Se hjemmesiden på www.jesser.dk
> >
> > Peter Vesth
>
>
> <img src="billeder/baggrundtop.jpg" alt="Hovede" z-index: 1;/>
> img har ingen attribute der hedder z-index. Den findes derimod i
> style, og du kan angive den enten i din .css fil eller med <img
> ... style="z-index:1;" /> ( og bemærk mellemrum før /...).
> Ikke at det hjælper på det du gerne vil... ;>) z-index, betemmer
> hvad der er øverst, hvis to elementer bruger samme område på
> siden.
> For at få et element til at blive på en given plads, skal det
> være absolut positioneret (i style), og du skal på body's onload
> og onscroll beregne den aktuelle position.
> Sådan kan det i hvert fald lade sig gøre. Men det kan være, andre
> har bedre ideer... ;>)
>
> Birger
>
> Hej Birger

> Tak for svar, og så langt, så godt. Nu scroller den rigtigt, men
stadig
> hen over sidehovedet.
>
> Jeg har overhovedet ikke styr på det der med onscroll i
bodyerklæring
> kan jeg få dig til at give mig koden?
>
> Tak for hjælp, også til Jørgen
>
> Med venlig hilsen
> Peter Vesth
> www.jesser.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


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

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

Månedens bedste
Årets bedste
Sidste års bedste