Menu bevares

Skriv et svar

Smilies
:D :) :( :o :shock: :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:
BBkode er slået TIL
[img] er slået TIL
[flash] er slået FRA
[url] er slået TIL
Smilies er slået TIL
Emnegennemgang
   

Udvidet visning Emnegennemgang: Menu bevares

Indlæg af Jan » tirs jun 03, 2008 14:13

Mange tak Kim.

Der er ingen grund til at opdatere til gamle browsere, det er vi helt enige om. Det var nu heller ikke noget jeg havde tænkt mig at bruge lang tid på. Uvist af hvilke årsag får jeg besøg fra gamle browsere. Mit bedste gæt er, at det er gamle fjolser som glor. Indholdet på mine sider interesserer, næppe ret mange unge mennesker.

Indlæg af Kim Ludvigsen » tirs jun 03, 2008 5:27

Jan skrev:Vil det i grunden ikke være bedre at bruge den <!--[if lt IE 7]> kode i filmklippene, i stedet for denne <!--[if !IE 6]>-->. Jeg kan nemlig se der er en hvid kasse under klippene i IE 5, men det overrasker nu ikke.


Det vil ikke virke med <!--[if lt IE 7]>, for så får man den modsatte virkning - at det bliver læst af ældre browsere i stedet for at blive ignoreret af ældre browsere. Det er nødvendigt at bruge "!" (er ikke). Men jeg vidste ikke, om "!" virker sammen med "lt" (mindre end), altså <!--[if !lt IE 7]>, så jeg valgte i stedet at se helt bort fra IE'er ældre end version 6.

Bruger man IE 5.5, 5 eller 4 er man altså også selv ude om det, og der er mange andre sider, der ikke vil virke i disse oldsager. IE6 blev trods alt udsendt tilbage i 2001, så de fleste har haft tid til at opgradere.

Jeg havde heller ikke lyst til at eksperimentere alt for meget med koden, for reelt virker den ikke, som den skal. Den rigtige kode skulle være <!--[if !IE 6]>, men det virker ikke korrekt. Jeg var nødt til at indsætte ">--", så det blev <!--[if !IE 6]>-->. Jeg kan ikke lige huske, om det var IE6, IE7 eller de alternative browsere, der kløjes i det uden ">--".

Indlæg af Jan » tirs jun 03, 2008 4:05

Kim Ludvigsen skrev:For at skjule den ekstra menu i IE6 (og ældre IE'er) skal du indsætte dette lige foran <div class="fastmenu">:

<!--[if lt IE 7]>
<div style="display:none;">
<![endif]-->

Og dette lige efter div'en med fastmenu, altså lige før <div class="menu">:

<!--[if lt IE 7]>
</div>
<![endif]-->

Det betyder, at alt mellem de to koder (i dette tilfælde fastmenuen) vil være usynligt for alle Internet Explorer, der er ældre end IE7.


Til orientering. Det virker ikke i IE 4, men jeg er ligeglad.

Vil det i grunden ikke være bedre at bruge den <!--[if lt IE 7]> kode i filmklippene, i stedet for denne <!--[if !IE 6]>-->. Jeg kan nemlig se der er en hvid kasse under klippene i IE 5, men det overrasker nu ikke.

Indlæg af Kim Ludvigsen » lør maj 31, 2008 14:13

Jan skrev:Men det kan så undre mig, at programmøren ikke definerer sit program så eksperter fatter det. Hvordan havde han så tænkt sig vi andre skulle kunne bruge det.


Det er ikke programmøren, han følger blot css-standarden. Og der er sikkert også en god grund til at have både margin og afstand, jeg kender den bare ikke.

Indlæg af Jan » lør maj 31, 2008 13:36

Mange tak for svaret
Kim Ludvigsen skrev:Det er ikke helt det samme, men jeg må erkende, at jeg ikke selv har helt styr på forskellen.

Det glæder mig, så er spørgsmålet jo ikke helt tåbelig. Men det kan så undre mig, at programmøren ikke definerer sit program så eksperter fatter det. Hvordan havde han så tænkt sig vi andre skulle kunne bruge det.

Svaret giver mig inspiration til at prøve en masse ting med mine afstands problemer. Finder jeg ud af noget brugbart vender jeg tilbage i en anden tråd.

Indlæg af Kim Ludvigsen » lør maj 31, 2008 11:40

Jan skrev:Er der en kort forklaring på forskellen mellem margen og afstand, i mit univers er det synonymer.


Det er ikke helt det samme, men jeg må erkende, at jeg ikke selv har helt styr på forskellen. Der er tre forskellige afstande:
Margin er afstanden mellem forskellige elementer
Indrykning (padding) er afstanden mellem kanten af elementet og indholdet i elementet, altså en intern afstand.
Afstand minder om margin, men virker fx ikke, hvis man benytter statisk i Position på et element. Jeg kan ikke lige finde en nærmere forklaring på forskellen mellem afstand og margin.

Jan skrev:Og, er det ikke noget nyt at det vises når der er rettet i indlæg?


Nej, det afhænger af, hvor lang tid der er gået mellem indlægget blev skrevet og rettelsen.

Indlæg af Jan » lør maj 31, 2008 11:08

Hovsa, vi skrev nøjagtig samtidig i forum, så jeg gentager lige mig selv.

Er der en kort forklaring på forskellen mellem margen og afstand, i mit univers er det synonymer.

Og, er det ikke noget nyt at det vises når der er rettet i indlæg?

Indlæg af Kim Ludvigsen » lør maj 31, 2008 10:46

Jan skrev:Syntes du ikke det er noget underligt noget, det med at film kører over menuen i Opera og Safari? (Det er ikke noget du skal hjælpe med, skidt med det)


Jo, det er underligt. Jeg mener at have hørt om problemet tidligere, men jeg tror ikke, der er en løsning på det.

Indlæg af Jan » lør maj 31, 2008 10:20

Mange tak. Det er gjort.

Jeg vidste godt at der var den skønhedsfejl, og har makket en del med den.

Syntes du ikke det er noget underligt noget, det med at film kører over menuen i Opera og Safari? (Det er ikke noget du skal hjælpe med, skidt med det)

Er der en kort forklaring på forskellen mellem margen og afstand, i mit univers er det synonymer.

Indlæg af Kim Ludvigsen » lør maj 31, 2008 10:00

Du har en lille fejl i IE7 og til dels også i de andre browsere. Den faste menu kan ses øverst bag logoboksen (halvdelen af menuen er synlig i IE7).

Prøv at gå ind i css-editoren. Stilklassen logo har en afstand på 5px for top-margin, prøv at ændre det til 0px. Stilklassen side har i øjeblikket ent top-margin på 5px, prøv også at ændre den til 0px.

Indlæg af Jan » lør maj 31, 2008 4:49

Jeg har gjort en pudsig iagttagelse, som jeg vil dele med dem der vil vide det.

Fastmenu virker perfekt i Opera og Safari med tekst og billeder. Så snart der kommer et filmklip, ruller det over den faste menu. Nu har jeg angivet z-indeks til 1. Selv om jeg ændrer det til 2 eller 3 kører filmen stadig over menuen.

Men pyt, det er der plads til inden for bagatelgrænsen.

Indlæg af Jan » fre maj 30, 2008 9:23

Mange tak.

Jeg regnede heller ikke med at det var forkert. Faktisk har jeg ændret alle siderne, så hvis det havde været forkert skulle jeg igennem dem igen.

Jeg er meget glad for at du fortalte betydningen. Nu kan jeg langt om længe forstå, hvad der menes med koderne.

Indlæg af Kim Ludvigsen » fre maj 30, 2008 8:40

Du skal selvfølgelig regne med, hvad jeg skriver - undtagen, når jeg skriver noget forkert :wink:

I dette tilfælde har jeg ikke skrevet forkert.

Læg mærke til, at der står "lt IE 7", lt står for "less than" (mindre end). Det betyder, at alle IE'er mindre end version 7 ignorerer koden.

I den anden kode står der "!IE 6", ! betyder not (er ikke). Det betyder, at koden kun ses af andre versioner end IE6.

Bemærk, at her har vi den omvendte virkning. I den første kode ignores indholdet mellem koderne af den/de angivne IE'er, i den næste virker det kun i den/de angivne IE'er.

Det er også muligt at benytte fx "gt IE 6", gt står for "greater than" (større end), og det vil få alle browsere nyere end IE6 til at ignorere koden.

Indlæg af Jan » fre maj 30, 2008 8:19

Mange tak Kim. De andre steder IE6 ikke skal læse er det IE6 som er angivet. Bare lige for at være sikker. Har du skrevet forkert, eller mener du IE 7?

Indlæg af Kim Ludvigsen » fre maj 30, 2008 8:09

Koden virker i alle nyere browsere, heriblandt Firefox, Opera og IE7.

For at skjule den ekstra menu i IE6 (og ældre IE'er) skal du indsætte dette lige foran <div class="fastmenu">:

<!--[if lt IE 7]>
<div style="display:none;">
<![endif]-->

Og dette lige efter div'en med fastmenu, altså lige før <div class="menu">:

<!--[if lt IE 7]>
</div>
<![endif]-->

Det betyder, at alt mellem de to koder (i dette tilfælde fastmenuen) vil være usynligt for alle Internet Explorer, der er ældre end IE7.

Top