---

Jeg har en side som i FF vises helt oppe i toppen af skræmen mens
den i IE vises ca. et linjeskift under browserens top.
Det er højst irriterende da det forskubber nogle af mine
billeder.

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

---

Rune Jensen wrote in dk.edb.internet.webdesign.html:
> Jeg har en side som i FF vises helt oppe i toppen af skræmen mens
> den i IE vises ca. et linjeskift under browserens top.
> Det er højst irriterende da det forskubber nogle af mine
> billeder.
>

Hvis du har et link til siden, så er det meget lettere at få hjælp..

PerR

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

---

Rune Jensen pretended :
> Jeg har en side som i FF vises helt oppe i toppen af skræmen mens
> den i IE vises ca. et linjeskift under browserens top.
> Det er højst irriterende da det forskubber nogle af mine
> billeder.

Nå, det var da trist

Men hvis du vil have hjælp til problemet, så skal du lige give os et
link til siden.
Uden det, kan vi jo ikke hjælpe.

--
Benny

---

On 09 Jan 2005 11:44:52 GMT, Rune Jensen <roj@ofir.dk> wrote:

>Jeg har en side som i FF vises helt oppe i toppen af skræmen mens
>den i IE vises ca. et linjeskift under browserens top.
>Det er højst irriterende da det forskubber nogle af mine
>billeder.

Svært at svare på når du ikke skriver hvad problemet er og hvilken
side det drejer sig om.


--
Thomas Jari
http://www.altwebdesign.dk

---

Arh sorry allesammen- Fik vist skrevet spørgsmålet lidt for hurtigt.
Her er et link til siden: http://www.cyberray.1go.dk/Test/top.htm

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

---

Rune Jensen wrote:
> Arh sorry allesammen- Fik vist skrevet spørgsmålet lidt for hurtigt.
> Her er et link til siden: http://www.cyberray.1go.dk/Test/top.htm

Det har da ikke ret meget med en html-side at gøre. Den mangler alt andet
end selve indholdet: DTD, html-start/slut, header, body-start/slut.

Uden de ret basale ting, er det browserens tilfældige defaulte settings, der
bestemmer, hvordan det gengives.

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

---

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Rune Jensen wrote:
> > Arh sorry allesammen- Fik vist skrevet spørgsmålet lidt for hurtigt.
> > Her er et link til siden: http://www.cyberray.1go.dk/Test/top.htm
>
> Det har da ikke ret meget med en html-side at gøre. Den mangler alt andet
> end selve indholdet: DTD, html-start/slut, header, body-start/slut.
>
> Uden de ret basale ting, er det browserens tilfældige defaulte settings, der
> bestemmer, hvordan det gengives.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://ginnerskov.frac.dk

Ved jeg godt men det er jo bare en test side. Så det burde være ret ligemeget?

>
>


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

---

Rune Jensen skrev:

> Ved jeg godt men det er jo bare en test side. Så det burde
> være ret ligemeget?

Nej.

Prøv at læse siden her:
<http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you>
--
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

---

Okay.
Nu har jeg så indsat det korrekte skelet og valideret siden.

Jeg får en hel masse fejl når jeg validerer siden hvilket jeg syntes
virker meget mærkeligt.
Så derfor håber jeg der er nogen der gider forklare mig hvad de
forskellige fejl er og hvordan jeg retter dem.

Her er fejlene:

#

Line 4, column 6: end tag for "HEAD" which is not finished

</head>

Most likely, You nested tags and closed them in the wrong order. For
example <p><em>...</p> is not acceptable, as <em> must be closed
before <p>. Acceptable nesting is: <p><em>...</em></p>

Another possibility is that you used an element (e.g. 'ul') which
requires a child element (e.g. 'li') that you did not include. Hence
the parent element is "not finished", not complete.

&#9993;
#

Line 11, column 31: required attribute "ALT" not specified

<img src="billeder/top.png">

The attribute given above is required for an element that you've
used, but you have omitted it. For instance, in most HTML and XHTML
document types the "type" attribute is required on the "script"
element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and
type="text/javascript" for <script>.

&#9993;
#

Line 16, column 91: required attribute "ALT" not specified

...illeder/menu.jpg" Style="z-index: 1;">

&#9993;
#

Line 23, column 343: required attribute "ALT" not specified

...hover').style.visibility = 'hidden';"></a>

&#9993;
#

Line 24, column 324: required attribute "ALT" not specified

...hover').style.visibility = 'hidden';"></a>

&#9993;
#

Line 25, column 338: required attribute "ALT" not specified

...hover').style.visibility = 'hidden';"></a>

&#9993;
#

Line 29, column 229: required attribute "ALT" not specified

...hover').style.visibility = 'hidden';"/>

&#9993;
#

Line 29, column 230: character data is not allowed here

...over').style.visibility = 'hidden';"/>

You have used character data somewhere it is not permitted to appear.
Mistakes that can cause this error include putting text directly in
the body of the document without wrapping it in a container element
(such as a <p>aragraph</p>) or forgetting to quote an attribute value
(where characters such as "%" and "/" are common, but cannot appear
without surrounding quotes).

&#9993;
#

Line 30, column 219: required attribute "ALT" not specified

...hover').style.visibility = 'hidden';"/>

&#9993;
#

Line 31, column 228: required attribute "ALT" not specified

...hover').style.visibility = 'hidden';"/>

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

---

Rune Jensen wrote in dk.edb.internet.webdesign.html:
>
> Line 11, column 31: required attribute "ALT" not specified
>
> <img src="billeder/top.png">
>

Hej Rune.

På alle dine billeder skal du skrive sådan her:

<img src="billeder/top.png" alt="">

Alt="" skal sættes ind hver gang du bruger img, for at det validerer.
Alt, den har den funktion, at den tilføjer en lille tekst, hvis du
tager musen henover billedet i IE.

Mvh. Lasse Jensen.


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

---

Rune Jensen skrev:

>Jeg får en hel masse fejl når jeg validerer siden hvilket jeg syntes
>virker meget mærkeligt.

Upload siden.
--
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

---

Rune Jensen skrev:

> Nu har jeg så indsat det korrekte skelet og valideret siden.

Må vi se dit forsøg?


> Line 4, column 6: end tag for "HEAD" which is not finished

En mulig årsag er at du har glemt det obligatoriske title-element.
Enhver side _skal_ have en titel.


> Line 11, column 31: required attribute "ALT" not specified

Se Lasses svar - alt-parameteren er obligatorisk for billeder.
--
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

---

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:

> Må vi se dit forsøg?

Jeps. I kan se det her: www.cyberray.1go.dk/Test/top.htm

> > Line 4, column 6: end tag for "HEAD" which is not finished
>
> En mulig årsag er at du har glemt det obligatoriske title-element.
> Enhver side _skal_ have en titel.

Okay det er rettet i den uploadede version.

> > Line 11, column 31: required attribute "ALT" not specified
>
> Se Lasses svar - alt-parameteren er obligatorisk for billeder.
> --

Også rettet i den uploadede version.

Den eneste fejl jeg får nu er denne:

Line 30, column 237: character data is not allowed here

...style.visibility = 'hidden';" Alt=""/>

You have used character data somewhere it is not permitted to appear.
Mistakes that can cause this error include putting text directly in
the body of the document without wrapping it in a container element
(such as a <p>aragraph</p>) or forgetting to quote an attribute value
(where characters such as "%" and "/" are common, but cannot appear
without surrounding quotes).

Hvad skyldes det?



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

---

Okay nu er hele siden valideret. Men mit problem er stadig ikke løst.
Prøv at kigge på siden først i FireFox og derefter i IE.
De billeder der bliver vist når musen føres hen over et menupunkt har
skubbet sig temlig meget.

Hvordan kan jeg gøre så det ser ens ud (godt ud) i både IE og FF?

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

---

Rune Jensen skrev:

>Hvordan kan jeg gøre så det ser ens ud (godt ud) i både IE og FF?

Ikke så elegant løsning, det burde kunne laves bedre, men den
fungerer tilsyneladende (og her lige før sengetid, bliver det
ikke andet).

Det er margin, der opfattes forskelligt i browserne, så indsæt
dette i <head>:

   <!--[if IE]>
   <style type="text/css">
body   {margin: 0}
   </style>
   <![endif]-->
--
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

---

>    <!--[if IE]>
&gt;    <style type="text/css">
&gt; body   {margin: 0}
&gt;    </style>
&gt;    <![endif]-->

Har sat det ind og uploadet men det virker stadig ikke helt perfekt
:(


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

---

Rune Jensen skrev:

> Har sat det ind og uploadet men det virker stadig ikke helt perfekt

Hvilke fejl er der? Det er lettere at hjælpe hvis du fortæller konkret
hvad der volder problemer - se evt siden her:
<http://infimum.dk/HTML/hjaelpmig.html>

Set herfra er siden stort set ens i FF og IE. IE viser ikke de runde
hjørner i toppen korrekt, og i begge browser ser det forkert ud når man
bevæger musen over links i menuen.

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

---

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:

> Hvilke fejl er der? Det er lettere at hjælpe hvis du fortæller konkret
> hvad der volder problemer - se evt siden her:
> <http://infimum.dk/HTML/hjaelpmig.html>

Fejlen er at billedet der vises når musen flyttes over et link vises
billedet et forkert sted i IE.

> Set herfra er siden stort set ens i FF og IE. IE viser ikke de runde
> hjørner i toppen korrekt, og i begge browser ser det forkert ud når
man
> bevæger musen over links i menuen.

Her ved mig ser siden perfekt ud i FF. Det er kun i IE den laver
problemer :S Har du evt. mulighed for at sende et screenshot af
problemet i FF? Da der ved mig intet forkert er at se.

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

---

Rune Jensen wrote:

> Her ved mig ser siden perfekt ud i FF. Det er kun i IE den laver
> problemer :S Har du evt. mulighed for at sende et screenshot af
> problemet i FF? Da der ved mig intet forkert er at se.

Hos mig vises de tre 'onmouseover'-billeder forskudt 113px mod højre i
forhold til forventet position i både FF og IE. Du har i din inline-css
indsat billederne 135 px fra venstre kant, prøv at nedjustere det til 24 px
og tøm så cachen i din FF.

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

---

> Hos mig vises de tre 'onmouseover'-billeder forskudt 113px mod højre i
> forhold til forventet position i både FF og IE. Du har i din inline-css
> indsat billederne 135 px fra venstre kant, prøv at nedjustere det til 24 px
> og tøm så cachen i din FF.

Har jeg lige prøvet. Og det eneste der kom ud af det var at billederne blev
vist næsten heeeelt ude i venstre side af skærmen (både i IE og FF).

Så ved ikke hvorfor det ser så mærkeligt ud ved dig? :S

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

---

Rune Jensen wrote:

> Har jeg lige prøvet. Og det eneste der kom ud af det var at
> billederne blev vist næsten heeeelt ude i venstre side af skærmen
> (både i IE og FF).
>
> Så ved ikke hvorfor det ser så mærkeligt ud ved dig?

Det fandt jeg nu ud af ved at maksimere mit browservindue. Du har designet
det til at skulle fungere i et vindue på 1024*768 px. Det kan du ikke gå ud
fra, at alle brugere har valgt at se siden i.

Hvis du lægger hele din menu ind i en div, som du tildeler
position:relative;, kan du orientere dine onmouseover-billeder efter det -
så det passer i alle størrelser browservindue.

http://hjemmesideskolen.dk/html/div.asp

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

---

> Hvis du lægger hele din menu ind i en div, som du tildeler
> position:relative;, kan du orientere dine onmouseover-billeder efter det -
> så det passer i alle størrelser browservindue.
Okay har jeg gjort nu og uploadet det. Det virker fint i IE nu men
billederne vises stadig helt ude i kanten i FF.

Prøv selv at tage en kigger: www.cyberray.1go.dk/Test/top.htm


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

---

Rune Jensen wrote:

> Prøv selv at tage en kigger: www.cyberray.1go.dk/Test/top.htm

<div style="position: relative;"> skal lige udvides lidt:

<div style="position: relative;width:XXpx;margin:auto">, hvor XX refererer
til bredden på det billede, du har liggende som topbanner.

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

---

> <div style="position: relative;"> skal lige udvides lidt:
>
> <div style="position: relative;width:XXpx;margin:auto">, hvor XX refererer
> til bredden på det billede, du har liggende som topbanner.

Er gjort og har uploadet det. Men det virker stadig ikke.
Der er ingen forskel fra før.

Link: www.cyberray.1go.dk/Test/top.htm

Mvh.
Rune Jensen

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

---

Rune Jensen wrote:
>> <div style="position: relative;"> skal lige udvides lidt:
>>
>> <div style="position: relative;width:XXpx;margin:auto">, hvor XX
>> refererer til bredden på det billede, du har liggende som topbanner.
>
> Er gjort og har uploadet det. Men det virker stadig ikke.
> Der er ingen forskel fra før.

Du har rod i dine html-elementer:

<center>
<div style="position: relative;width:788px;margin:auto">
....
</center>
....
</div>

Du har med den div, du på min opfordring har lavet, slet ikke brug for
<center></center> Slet dem.

Men i øvrigt *skal* html-elementer lukkes i den rigtige rækkefølge.
Ovenstående skulle således laves på denne måde:

<center>
<div style="position: relative;width:788px;margin:auto">
....
</div>

</center>

Endelig, <center> er forældet kode, det bør ikke bruges. Det laves med css:
margin:auto

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

---

Rune Jensen wrote:

> Er gjort og har uploadet det. Men det virker stadig ikke.

http://hjemmesideskolen.dk/test/runejensen.htm

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

---

Wee så virker det :D

Du skal have mange tak for hjælpen og det skal alle de andre der
har hjulpet også!

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

---

Rune Jensen skrev:

>..style.visibility = 'hidden';" Alt=""/>

Slet /

og indsæt content i <head>:

<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1">
--
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

---

Okay har jeg gjort nu.

--
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 Jensen skrev:

> Alt, den har den funktion, at den tilføjer en lille
> tekst, hvis du tager musen henover billedet i IE.

Det er rigtigt at IE opfører sig på den måde, men det er ikke det
alt-parameteren er beregnet til, og andre browsere opfører sig ikke
på samme måde.

Alt er kort for "alternativ" - og den tekst man skriver i en alt-
parameter er beregnet til at blive vist som et alternativ hvis
billedet ikke vises. Det kan enten være på grund af en fejl eller
også (og oftest) fordi brugeren ikke har billedvisning i sin
browser.

Hvis man gerne vil have en tekst ved billedet, skal man bruge
title-parameteren - der virker i alle almindelige browsere. Title-
parameteren er beregnet til at give ekstraoplysninger om et
element, og vises derfor sammen med elementet, ikke i stedet for
det.

Title kan også bruges til at forhindre visningen af en alt-tekst i
IE - hvis man gerne vil angive alt-teksten "Rød Volvo", uden at få
en pop op-tekst i IE, kan man skrive sådan her:
<img src="volvo.jpg" alt="Rød Volvo" 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

---

Rune Jensen skrev:

> Jeps. I kan se det her: www.cyberray.1go.dk/Test/top.htm

Tak.


> ..style.visibility = 'hidden';" Alt=""/>

Slet skråstregen. Den skal være der i xhtml, men ikke i html.
--
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