/ 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
Included menu virker ikke i Opera..
Fra : Dennis Munding


Dato : 19-01-05 22:42

Hej NG!

Så er jeg ved at tilpasse denne side til både Mozilla og Opera:

http://www.cantica.dk/

Jeg er dog stødt ind i et lille problem, som jeg ikke helt forstår...
Jeg har en inkluderet menu, og det fungerer fint i både IE og Mozilla -
selvom der mangler lidt fin-justering af nogle billeder - men den kommer
ikke frem i Opera!??

Grunden til at jeg ikke forstår det, er at jeg har en inkluderet menu på
http://www.skovaa-munding.dk/ og den fungerer fint i alle 3 browsere (IE6.0,
Mozilla og Opera7.54)...

Nogen, der kan se, hvad jeg ikke kan se??

På forhånd tak for hjælpen!

--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



 
 
Erik Ginnerskov (19-01-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-01-05 23:00

Dennis Munding wrote:

> Jeg er dog stødt ind i et lille problem, som jeg ikke helt forstår...
> Jeg har en inkluderet menu, og det fungerer fint i både IE og Mozilla
> - selvom der mangler lidt fin-justering af nogle billeder - men den
> kommer ikke frem i Opera!??

Du har i din kildekode dette:

<div id="menu"
><div id="navcontainer">

.... altså den afsluttende > i den første div kommer først efter et tvungent
linjeskift. Prøv at se, om ikke dethjælper at lave det om til:

<div id="menu">
<div id="navcontainer">

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



Knud Gert Ellentoft (19-01-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 19-01-05 23:24

Dennis Munding skrev:

>Jeg er dog stødt ind i et lille problem, som jeg ikke helt forstår...
>Jeg har en inkluderet menu, og det fungerer fint i både IE og Mozilla -
>selvom der mangler lidt fin-justering af nogle billeder - men den kommer
>ikke frem i Opera!??

Manglende > i linje 45 er nok svaret.

<div id="menu"
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Dennis Munding (20-01-2005)
Kommentar
Fra : Dennis Munding


Dato : 20-01-05 09:26

Hej Erik og Knud!

> Manglende > i linje 45 er nok svaret.
>
> <div id="menu"

Nu har jeg rettet den fejl, men det virker stadig ikke....

Andre forslag? Jeg tror, at jeg har stirret mig blind på det (eller også er
det bare fordi, at min viden ikke rækker længere...).

--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



Preben Andersen (20-01-2005)
Kommentar
Fra : Preben Andersen


Dato : 20-01-05 13:40


"Dennis Munding" <mail@invalid.com> wrote in message
news:41ef68f4$0$22698$ba624c82@nntp04.dk.telia.net...

> Andre forslag? Jeg tror, at jeg har stirret mig blind på det (eller også
er
> det bare fordi, at min viden ikke rækker længere...).

I flere af dine ul skriver du display: block, skal det ikke være
display:inline når du vil have menuen for oven?

mvh
Preben



Dennis Munding (21-01-2005)
Kommentar
Fra : Dennis Munding


Dato : 21-01-05 13:30

Hej Preben!
"Preben Andersen" <pranSLETDETTE@privat.dk> skrev i en meddelelse
news:41efa698$0$48729$edfadb0f@dread15.news.tele.dk...
> I flere af dine ul skriver du display: block, skal det ikke være
> display:inline når du vil have menuen for oven?

Jeg var ærlig talt ikke klar over forskellen på de forskellige definitioner
før nu...!
Men jeg har så fundet ud af (efter dit indlæg!), at det ikke skal være
"inline" - det kommer til at se forkert ud!

Endnu en gang tak for dine besvarelser!

--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



Preben Andersen (20-01-2005)
Kommentar
Fra : Preben Andersen


Dato : 20-01-05 13:36


"Dennis Munding" <mail@invalid.com> wrote in message
news:41ef68f4$0$22698$ba624c82@nntp04.dk.telia.net...

> Andre forslag? Jeg tror, at jeg har stirret mig blind på det (eller også
er
> det bare fordi, at min viden ikke rækker længere...).

Di CSS-fil validerer ikke. Jeg tror ikke det kan være det, men prøv at rette
den.

mvh
Preben



Dennis Munding (21-01-2005)
Kommentar
Fra : Dennis Munding


Dato : 21-01-05 13:26

Hej Preben!
"Preben Andersen" <pranSLETDETTE@privat.dk> skrev i en meddelelse
news:41efa5ba$0$48623$edfadb0f@dread15.news.tele.dk...
> Din CSS-fil validerer ikke. Jeg tror ikke det kan være det, men prøv at
rette
> den.

Fejlen rettet, men det hjalp desværre ikke...
Men jeg har fået løsningen - se Ryan's indlæg...

Men tak alligevel!

--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



Jens Gyldenkærne Cla~ (20-01-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-01-05 14:00

Dennis Munding skrev:

> Nu har jeg rettet den fejl, men det virker stadig ikke....

Der er også fejl i css-koden - linje 195 i can.css

--
Jens Gyldenkærne Clausen
Standardlinks om validering - hvordan og hvorfor:
<http://www.html-faq.dk/1005.asp>
<http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you>

Dennis Munding (21-01-2005)
Kommentar
Fra : Dennis Munding


Dato : 21-01-05 13:32

Hej Jens!
"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
news:utch6jqkwuuz.dlg@jcdmfdk.invalid...
> Der er også fejl i css-koden - linje 195 i can.css

Den er hermed rettet - uden nogen anden effekt end at css'en nu validerer...

Hvordan ligger man informative oplysninger ind i en css-fil, uden at det får
indflydelse på valideringen??

Tak for hjælpen!

--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



Preben Andersen (21-01-2005)
Kommentar
Fra : Preben Andersen


Dato : 21-01-05 13:35


"Dennis Munding" <mail@invalid.com> wrote in message
news:41f0ee0b$0$29437$ba624c82@nntp06.dk.telia.net...

> Hvordan ligger man informative oplysninger ind i en css-fil, uden at det
får
> indflydelse på valideringen??

/* Dette er en kommentar */

mvh
Preben



Dennis Munding (21-01-2005)
Kommentar
Fra : Dennis Munding


Dato : 21-01-05 14:27

Hej Preben!
"Preben Andersen" <pranSLETDETTE@privat.dk> skrev i en meddelelse
news:41f0f700$0$48643$edfadb0f@dread15.news.tele.dk...
> /* Dette er en kommentar */

Mange tak for det!

Du er hurtig på "aftrækkeren", må jeg sige...


--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



Jens Gyldenkærne Cla~ (21-01-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 21-01-05 13:40

Dennis Munding skrev:

> Hvordan ligger man informative oplysninger ind i en css-fil, uden at det får
> indflydelse på valideringen??

Det gør man med en css-kommentarer:

/* Dette er en css-kommentar */
body{ margin: 1.4em; }

/*
Css-kommenaterer kan godt
spænde over flere
linjer
*/

/*
Man kan også bruge kommentarer til at udkommentere dele af
en css-fil, eller til at sætte beskrivende kommentarer efter
en css-kommando
*/

..speciel{
font-size: 2em;
color: red;
/* margin-top: 30px; */
margin-top: 20px; /* Rettet 20.1.05 */    
padding: 10px;
}

Se også definitionen på css-kommentarer her:
<http://www.w3.org/TR/CSS21/syndata.html#comments>

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

Dennis Munding (21-01-2005)
Kommentar
Fra : Dennis Munding


Dato : 21-01-05 21:05

Hej Jens!
"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
news:tntquywm0kbe.dlg@jcdmfdk.invalid...
> Det gør man med en css-kommentarer:
>
> /* Dette er en css-kommentar */
> body{ margin: 1.4em; }
>
> /*
> Css-kommenaterer kan godt
> spænde over flere
> linjer
> */
>
> /*
> Man kan også bruge kommentarer til at udkommentere dele af
> en css-fil, eller til at sætte beskrivende kommentarer efter
> en css-kommando
> */
>
> .speciel{
> font-size: 2em;
> color: red;
> /* margin-top: 30px; */
> margin-top: 20px; /* Rettet 20.1.05 */
> padding: 10px;
> }
>
> Se også definitionen på css-kommentarer her:
> <http://www.w3.org/TR/CSS21/syndata.html#comments>

Mange tak for det uddybende svar og for linket!

--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



Ryan Kristensen (20-01-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 20-01-05 15:56

On Wed, 19 Jan 2005 22:42:15 +0100, Dennis Munding <mail@invalid.com>
wrote:

> Så er jeg ved at tilpasse denne side til både Mozilla og Opera:
>
> http://www.cantica.dk/
>
> Jeg er dog stødt ind i et lille problem, som jeg ikke helt forstår...
> Jeg har en inkluderet menu, og det fungerer fint i både IE og Mozilla -
> selvom der mangler lidt fin-justering af nogle billeder - men den kommer
> ikke frem i Opera!??

En hel del af dine elementer får sat position:fixed; - hvis du fjerner den
for body>#menu, så bliver menuen også synlig i Opera.

Din css-fil er ret så stor. Overvej om du ikke kunne genbruge nogle af
definitionerne, - der er ikke nogen grund til at skrive alle definitioner
ud for hver enkelt ting.

Derudover angiver du display:block; på ul#navlist1 li, som i forvejen
burde være et block-element.
text-align:center; nedarves, så der er ikke nogen grund til at angive den
ved din top, indhold o.l.
Alle dine bokse har width:100%;. Prøv i stedet med div {width:100%;}
din h1 skal åbenbart have font-weight:bolder;
a:link {font-weight:normal;... med mindre du har angivet andet, så skulle
a-elementer gerne have dette som default.
I din footer giver du alle links en klasse, for at style dem individuelt.
Du kunne i stedet benytte
#footer a:link {...
Fællesdefinitioner for dine links kan samles i a {...}
Ved dine img skriver du style="border:none;", hvis det er meningen alle
billeder skal have fjernet den border, så kan du også lægge det op i dit
css-ark..
Du pakker din menu ind i to div samt en ul, det er måske lige i overkanten.
Din bookmark funktion virker kun i IE, det kan godt nok ikke lade sig gøre
- automatisk - at bogmærke en side i andre browsere, men derfor er det nok
en god idé, at give dem en besked, så de ikke tror at det virkede. Jens
Gyldenkærne Clausen har stadig denne side liggende, som måske kunne hjælpe
dig: <url:http://gyros.dk/usenet/html/bookmark.shtml>
Du bruger en tom title på dine g-nøgler, det er der ingen grund til, da du
alligevel har en tom alt. Den eneste grund til at angive en tom title, er
- så vidt jeg ved - at undgå at IE viser alt parameteren som tooltip. -
Men når den er tom, så er der ikke noget problem.

I øvrigt ville det nok være en idé, at du undlod, at bruge
position:absolute; til alt på siden. Det vil gøre det hele noget simplere.
Som siden er nu, så er det vel egentligt bare 4 kasser ovenpå hinanden:
din header, menuen, indholdet og footeren.
Hvis du undlader position:absolute; så vil de alligevel blive placeret
sådan.
Som det er nu, så vil footeren i øvrigt stå oveni billederne ved små
opløsninger (800x600).

Har lavet et lille eksempel til dig:
<url:http://ryankristensen.com/tests/dennis.html>, hvor jeg synes koden er
væsentligt mere overskuelig. - Har kun kigget på forsiden, ved ikke
hvordan ændringerne vil påvirke de andre sider.

--
Ryan Kristensen

Dennis Munding (21-01-2005)
Kommentar
Fra : Dennis Munding


Dato : 21-01-05 14:11

Hej Ryan!
"Ryan Kristensen" <ryankristensen@hotmail.com> skrev i en meddelelse
newsskwo4be13lx5hp@news.cis.dfn.de...
> En hel del af dine elementer får sat position:fixed; - hvis du fjerner den
> for body>#menu, så bliver menuen også synlig i Opera.

Det har du ret i! Tak for det!

> Din css-fil er ret så stor. Overvej om du ikke kunne genbruge nogle af
> definitionerne, - der er ikke nogen grund til at skrive alle definitioner
> ud for hver enkelt ting.

Det har du også ret i - det er nok gået lidt for stærkt med at lave siden -
nu kommer "straffen"!

> Derudover angiver du display:block; på ul#navlist1 li, som i forvejen
> burde være et block-element.

Jeg prøvede at fjerne "display:block;" - resultatet er absolut ikke det
samme!
Med "block" kommer menuen til at se ud som den gør nu.
Uden "block" bliver der mellemrum mellem link-knapperne, hvilket er meget
uønsket!

> text-align:center; nedarves, så der er ikke nogen grund til at angive den
> ved din top, indhold o.l.

Ok! Det var jeg ikke klar over - har ikke læst særlig godt på "lektien"...

> Alle dine bokse har width:100%;. Prøv i stedet med div {width:100%;}

Det prøver jeg - snart! (har ikke tid idag...)

> din h1 skal åbenbart have font-weight:bolder;

Nej! Det var en "tyrk-fejl"... Er rettet til "bold".

> a:link {font-weight:normal;... med mindre du har angivet andet, så skulle
> a-elementer gerne have dette som default.

Det er en ren "tanke-torsk", jeg har lavet der!!
Skal nok få det rettet! (det fylder jo også min udpinte harddisk - har kun 6
GB!)

> I din footer giver du alle links en klasse, for at style dem individuelt.
> Du kunne i stedet benytte
> #footer a:link {...
> Fællesdefinitioner for dine links kan samles i a {...}
> Ved dine img skriver du style="border:none;", hvis det er meningen alle
> billeder skal have fjernet den border, så kan du også lægge det op i dit
> css-ark..

Øvelse gør Mester! Jeg skal nok få lært at gøre det første gang - engang!
(definerer jo stadig mig selv som nybegynder udi kunsten at lave
hjemmesider...)

> Du pakker din menu ind i to div samt en ul, det er måske lige i
overkanten.

Har set din løsning - overvejer stadig om jeg skal "ødelægge" min plan (at
undgå scroll på siderne...)!
Er ved at være overbevist om, at det nok bliver nødvendigt, hvis siden skal
virke optimalt i alle browsere...

> Din bookmark funktion virker kun i IE, det kan godt nok ikke lade sig gøre
> - automatisk - at bogmærke en side i andre browsere, men derfor er det nok
> en god idé, at give dem en besked, så de ikke tror at det virkede. Jens
> Gyldenkærne Clausen har stadig denne side liggende, som måske kunne hjælpe
> dig: <url:http://gyros.dk/usenet/html/bookmark.shtml>

Det er et teknisk uheld (endnu et!) - er godt klar over, at det skal gøres
på en lidt anden måde i Mozilla og Opera...
Har lavet det, så det virker der også på mine 2 private hjemmesider - skal
også have det gjort på denne.

> Du bruger en tom title på dine g-nøgler, det er der ingen grund til, da du
> alligevel har en tom alt. Den eneste grund til at angive en tom title, er
> - så vidt jeg ved - at undgå at IE viser alt parameteren som tooltip. -
> Men når den er tom, så er der ikke noget problem.

Ok! Kan ikke rigtig finde ud af, hvornår der skal være "title" og "alt", og
hvornår der ikke skal være det...

> I øvrigt ville det nok være en idé, at du undlod, at bruge
> position:absolute; til alt på siden. Det vil gøre det hele noget simplere.
> Som siden er nu, så er det vel egentligt bare 4 kasser ovenpå hinanden:
> din header, menuen, indholdet og footeren.
> Hvis du undlader position:absolute; så vil de alligevel blive placeret
> sådan.
> Som det er nu, så vil footeren i øvrigt stå oveni billederne ved små
> opløsninger (800x600).

Små opløsninger? 800x600?? Det er den opløsning, jeg bruger som standard!??
Kan ikke forstå, at du/I kan læse sidernes indhold, når I har opløsninger på
1024x768 og derover....?
Har ellers et ganske udmærket syn, men jeg får ondt i knolden, hvis jeg skal
læse sider med den opløsning!
Må være alderen, der er begyndt at tynge...

> Har lavet et lille eksempel til dig:
> <url:http://ryankristensen.com/tests/dennis.html>, hvor jeg synes koden er
> væsentligt mere overskuelig. - Har kun kigget på forsiden, ved ikke
> hvordan ændringerne vil påvirke de andre sider.

Det ser ganske udmærket ud bortset fra, at jeg synes, at billederne er for
tæt på hinanden (side/side), men det kan vel løses ved hjælp af "margin"
eller "padding"....? Hvilket minder mig om, at jeg ikke er helt klar over
den egentlige forskel på de 2 begreber...?
Derudover kan jeg se, at du har fjernet hover-effekten fra linkene - det
bryder jeg mig ikke om! Men det er vel en smags-sag...?!?

Mange tak for din meget grundige gennemgang af siden!!

--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



Jens Gyldenkærne Cla~ (21-01-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 21-01-05 14:26

Dennis Munding skrev:

> Ok! Kan ikke rigtig finde ud af, hvornår der skal være "title" og "alt", og
> hvornår der ikke skal være det...

Det er ikke så svært endda.

Alt-parameteren er obligatorisk på billeder, så den skal altid være der.
Bruger man billeder som fyld (altså fx grafiske hjørner til et element),
kan og bør man bruge en tom alt-parameter - i alle andre tilfælde bør
alt-parameteren indeholde en kort beskrivelse af billedet.

Title-parameteren er valgfri og kan bruges på en lang række elementer.
Den bruges normalt til at vise oplysninger som "notetekst" (tooltip) når
musen holdes over elementet. En særlig brug af title er til at
undertrykke IE's visning af alt-parametre som notetekst. Hvis man vil
angive en fornuftig alt-tekst på et billede uden samtidig at få teksten
vist som notetekst i IE, kan man bruge denne model:

   <img src="foo.gif" alt="My foo" title="">

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

Dennis Munding (21-01-2005)
Kommentar
Fra : Dennis Munding


Dato : 21-01-05 21:07

Hej igen Jens!
"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
news:v6i7t0ypxq6n.dlg@jcdmfdk.invalid...
> Det er ikke så svært endda.
>
> Alt-parameteren er obligatorisk på billeder, så den skal altid være der.
> Bruger man billeder som fyld (altså fx grafiske hjørner til et element),
> kan og bør man bruge en tom alt-parameter - i alle andre tilfælde bør
> alt-parameteren indeholde en kort beskrivelse af billedet.
>
> Title-parameteren er valgfri og kan bruges på en lang række elementer.
> Den bruges normalt til at vise oplysninger som "notetekst" (tooltip) når
> musen holdes over elementet. En særlig brug af title er til at
> undertrykke IE's visning af alt-parametre som notetekst. Hvis man vil
> angive en fornuftig alt-tekst på et billede uden samtidig at få teksten
> vist som notetekst i IE, kan man bruge denne model:
>
> <img src="foo.gif" alt="My foo" title="">

Så blev jeg også lidt klogere på det område...
Ender nok med, at jeg kan undvære hovedet en dag!?!?

--
Med venlig hilsen
Dennis Munding
Webmaster
http://www.skovaa-munding.dk/ & http://www.mundings-memorial.dk/



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