/ 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
Fast top
Fra : Thrane


Dato : 20-08-08 12:34

Hej

Jeg har forelsket mig lidt i måden denne side har menuen og siden så går
"under":
http://www.bookinghuset.dk/

Jeg har forsøgt at finde frem til det i dens kode, men må give op.

Er der en venlig sjæl der kan hjælpe mig med noget lign.?
Det skal også virke i IE6, ligesom denne side gør.

Altås jeg vil gerne have en fast top, hvor indholdet ryger ind under ved
scroll...

Mange tak!

/Thrane



 
 
Holst (20-08-2008)
Kommentar
Fra : Holst


Dato : 20-08-08 13:10


Thrane wrote:

> Jeg har forelsket mig lidt i måden denne side har menuen og siden så går
> "under":
> http://www.bookinghuset.dk/
>
> Jeg har forsøgt at finde frem til det i dens kode, men må give op.
>
> Er der en venlig sjæl der kan hjælpe mig med noget lign.?
> Det skal også virke i IE6, ligesom denne side gør.
>
> Altås jeg vil gerne have en fast top, hvor indholdet ryger ind under ved
> scroll...
>
> Mange tak!

Langt nede finder du en <div> med:

<div id="bMainOverlayTop">

og tyve linjer eller så længere ned med:

<div id="bMainOverlayMenu">

Det er henholdsvis toppen og menuen. Kig så i den tilhørende CSS for at
se, hvordan det gøres.

Bertel Lund Hansen (20-08-2008)
Kommentar
Fra : Bertel Lund Hansen


Dato : 20-08-08 13:31

Thrane skrev:

> Jeg har forelsket mig lidt i måden denne side har menuen og siden så går
> "under":
> http://www.bookinghuset.dk/

Hvis du opgiver IE6, kan det laves simpelt:

Her er CSS-koden til en lille ekstramenu jeg bruger på én side på
et site. Den står stille selv om man ruller. I IE6 følger den med
rulningen. Det er de to linjer med position der fryser den.

..skraelmenu {
   position: absolute;
   position: fixed;
   top: 25px;
   left: 30px;
   margin: 0;
   padding: 10px;
   color: #000;
   background: #ffe;
   font-size: 90%;
}

Du kan se den her:

   http://fiduso.dk/?page=skraellemaend

Hvis du vil have IE6 med, skal du bruge noget JavaScript som jeg
ikke kan hjælpe dig med.

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

Birger Sørensen (20-08-2008)
Kommentar
Fra : Birger Sørensen


Dato : 20-08-08 16:23

Bertel Lund Hansen:
> Thrane skrev:
>
>> Jeg har forelsket mig lidt i måden denne side har menuen og siden så går
>> "under":
>> http://www.bookinghuset.dk/
>
> Hvis du opgiver IE6, kan det laves simpelt:
>
> Her er CSS-koden til en lille ekstramenu jeg bruger på én side på
> et site. Den står stille selv om man ruller. I IE6 følger den med
> rulningen. Det er de to linjer med position der fryser den.
>
> .skraelmenu {
>    position: absolute;
>    position: fixed;
>    top: 25px;
>    left: 30px;
>    margin: 0;
>    padding: 10px;
>    color: #000;
>    background: #ffe;
>    font-size: 90%;
> }
>
> Du kan se den her:
>
>    http://fiduso.dk/?page=skraellemaend
>
> Hvis du vil have IE6 med, skal du bruge noget JavaScript som jeg
> ikke kan hjælpe dig med.

Det er vist ikke nødvendigt med 2 position...
position : fixed;
skulle kunne gøre det.
Den overskriver alligevel den første, der så ikke bliver brugt.

Birger



Bertel Lund Hansen (20-08-2008)
Kommentar
Fra : Bertel Lund Hansen


Dato : 20-08-08 18:46

Birger Sørensen skrev:

> Det er vist ikke nødvendigt med 2 position...

Næ, du har ret. Jeg tjekkede det lige.

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

Allan Vebel (20-08-2008)
Kommentar
Fra : Allan Vebel


Dato : 20-08-08 23:57

Birger Sørensen skrev:

>> Jeg har forelsket mig lidt i måden denne side har
>> menuen og siden så går "under":
>> http://www.bookinghuset.dk/
>>
> Hvis du opgiver IE6, kan det laves simpelt:

22% af kunderne bruger fortsat IE6, se
http://www.fdim.dk/?pageid=89 - så det ville være en
ret dårlig ide at lave noget der ikke fungerer her.

Det kan sagtens laves så det også fungerer i IE6, det
kræver bare noget mere arbejde.

--
Allan Vebel
http://html-faq.dk
http://vebel.dk



Bertel Lund Hansen (21-08-2008)
Kommentar
Fra : Bertel Lund Hansen


Dato : 21-08-08 01:19

Allan Vebel skrev:

> 22% af kunderne bruger fortsat IE6, se
> http://www.fdim.dk/?pageid=89 - så det ville være en
> ret dårlig ide at lave noget der ikke fungerer her.

På min side betyder det blot at minimenuen følger med når man
ruller. Funktionaliteten er skam god nok.

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

Allan Vebel (21-08-2008)
Kommentar
Fra : Allan Vebel


Dato : 21-08-08 21:49

Bertel Lund Hansen skrev:

>> 22% af kunderne bruger fortsat IE6

> På min side betyder det blot at minimenuen følger
> med når man ruller. Funktionaliteten er skam god
> nok.

Jamen, hvorfor skal 22% ikke have den funktionalitet
med, når det nu kan lade sig gøre?

Erik har lavet et eksempel på Hjemmesideskolen.dk,
og det fungerer fint i IE6

--
Allan Vebel
http://html-faq.dk
http://vebel.dk



Thrane (22-08-2008)
Kommentar
Fra : Thrane


Dato : 22-08-08 10:31


"Allan Vebel" <spam@do.not> wrote in message
news:48add5e6$0$90273$14726298@news.sunsite.dk...

> Jamen, hvorfor skal 22% ikke have den funktionalitet
> med, når det nu kan lade sig gøre?
>
> Erik har lavet et eksempel på Hjemmesideskolen.dk,
> og det fungerer fint i IE6
>
> --
> Allan Vebel

Har du det link ved hånden, Allan?

Pft.
Thrane



Allan Vebel (22-08-2008)
Kommentar
Fra : Allan Vebel


Dato : 22-08-08 23:39

Thrane skrev:

> Har du det link ved hånden, Allan?

Det var

http://hjemmesideskolen.dk/html/testsider/fixed.asp

jeg tænkte på - jeg skulle lige søge efter den.

--
Allan Vebel
http://html-faq.dk
http://vebel.dk



Philip Nunnegaard (23-08-2008)
Kommentar
Fra : Philip Nunnegaard


Dato : 23-08-08 07:08

"Allan Vebel" <spam@do.not> skrev

> http://hjemmesideskolen.dk/html/testsider/fixed.asp

Tak for linket.
Tager scriptet også hånd om andre css2-egenskaber, som ældre IE-versioner
ikke forstår (f.eks. max-width)?


Erik Ginnerskov (24-08-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 24-08-08 15:35

Philip Nunnegaard wrote:

> Tager scriptet også hånd om andre css2-egenskaber, som ældre
> IE-versioner ikke forstår (f.eks. max-width)?

max-width http://hjemmesideskolen.dk/html/testsider/maxwidth.asp
max-height http://hjemmesideskolen.dk/html/testsider/maxheight.asp
min-width http://hjemmesideskolen.dk/html/testsider/minwidth.asp
min-height http://hjemmesideskolen.dk/html/testsider/minheight.asp

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



Jørn Andersen (20-08-2008)
Kommentar
Fra : Jørn Andersen


Dato : 20-08-08 14:32

On Wed, 20 Aug 2008 13:33:59 +0200, "Thrane" <noreply@noreply.dk> wrote:

>Jeg har forelsket mig lidt i måden denne side har menuen og siden så går
>"under":
>http://www.bookinghuset.dk/

Inden du forelsker dig alt for meget, så prøv at se den i 800 x 600
- så er menuen stort set væk.


Mvh. Jørn

--
Jørn Andersen,
Brønshøj

Jørgen Farum Jensen (20-08-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 20-08-08 14:42

Jørn Andersen skrev:
> On Wed, 20 Aug 2008 13:33:59 +0200, "Thrane" <noreply@noreply.dk> wrote:
>
>> Jeg har forelsket mig lidt i måden denne side har menuen og siden så går
>> "under":
>> http://www.bookinghuset.dk/
>
> Inden du forelsker dig alt for meget, så prøv at se den i 800 x 600
> - så er menuen stort set væk.

Og måske også den fantastiske Code Bloat
i form af 215 kilobyte(!) JavaScript. 1/3
af load-tiden går med at indlæse scripts.

--

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

Thrane (21-08-2008)
Kommentar
Fra : Thrane


Dato : 21-08-08 08:34


"Jørn Andersen" <jorn@jorna.dk> wrote in message
news:737oa4teh9kptk0p720pmvr90pvmtnpsts@4ax.com...
> On Wed, 20 Aug 2008 13:33:59 +0200, "Thrane" <noreply@noreply.dk> wrote:

> Inden du forelsker dig alt for meget, så prøv at se den i 800 x 600
> - så er menuen stort set væk.

>
> Mvh. Jørn
>

800x600?
Den opløsning er jeg holdt med at tage højde for...

/Thrane



Kim Ludvigsen (21-08-2008)
Kommentar
Fra : Kim Ludvigsen


Dato : 21-08-08 10:03

Thrane skrev:
> "Jørn Andersen" <jorn@jorna.dk> wrote in message
>
>> Inden du forelsker dig alt for meget, så prøv at se den i 800 x 600
>> - så er menuen stort set væk.
>
> 800x600?
> Den opløsning er jeg holdt med at tage højde for...

Det er da også fint nok, hvis du kun laver sider for dig
selv, og du selv bruger en højere opløsning. Hvis du laver
sider for andre, der gerne vil sælge noget, så vil det være
en god ide ikke at lukke kunder ude. Virker det ikke også
lidt egoistist at lukke folk ude fra systemet?

Menuen begynder at forsvinde ved 900px. FDIM's
skærmopløsningsstatistik er nede pt., men i henhold til min
egen statistik, så vil det betyde, at 10 procent helt
sikkert ikke vil kunne bruge siden.

Flertallet bruger en skærmopløsning på 1024x768, men mange
ikke åbner browseren i fuld skærmbredde, eller at de har
åbnet sidebjælker med bogmærker eller lignende. Er det
tilfældet, kan de heller ikke bruge siden. Selv dem med
endnu højere skærmopløsninger kan have problemer, men de kan
selvfølgelig nemmere omgå det ved at ændre browsserstørrelse
- hvis de gider.

--
Mvh. Kim Ludvigsen
Beskyt dine data med stærk kryptering - velegnet til bærbare
computere og USB-nøgler.
http://kimludvigsen.dk

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

Månedens bedste
Årets bedste
Sidste års bedste