/ 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
Problem med dropdown menu.
Fra : Rune Jensen


Dato : 05-01-05 00:08

Jeg har lavet en ret simpel dropdown menu med brug af HTML og
CSS. Problemet er bare at menuen forsvinder inden man flytter
musen udenfor den hvilket ikke er meningen.
Problemet kan ses her: http://cyberray.1go.dk/Test/top.htm
HTML koden er denne:

<link rel="stylesheet" type="text/css" href="style.css">

<center><img id="top" src="billeder/top.jpg" usemap ="#top"
border="0"></center>

<map id ="top" name="top">

<area shape ="poly" coords ="198,92,438,92,413,128,174,128" href
="dhh.php"
onMouseOver="document.getElementById('dhhmenu').style.visibility
= 'visible';"/>

</map>

<div id="dhhmenu" Style="visibility: hidden;"
onMouseOut="document.getElementById('dhhmenu').style.visibility =
'hidden';">

<img id="menupunkt1hover" Style="visibility: hidden;"
src="billeder/nyhedssjovhover.jpg"
onMouseOut="document.getElementById('menupunkt1hover').style.visi
bility = 'hidden';">
<img id="menupunkt1" src="billeder/nyhedssjov.jpg"
onMouseOver="document.getElementById('menupunkt1hover').style.vis
ibility = 'visible';">

<img id="menupunkt2hover" Style="visibility: hidden;"
src="billeder/wallpapershover.jpg"
onMouseOut="document.getElementById('menupunkt2hover').style.visi
bility = 'hidden';">
<img id="menupunkt2" src="billeder/wallpapers.jpg"
onMouseOver="document.getElementById('menupunkt2hover').style.vis
ibility = 'visible';">

</div>   

og stylesheetet kan ses her:
http://cyberray.1go.dk/Test/style.css

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

 
 
Bertel Lund Hansen (05-01-2005)
Kommentar
Fra : Bertel Lund Hansen


Dato : 05-01-05 08:13

Rune Jensen skrev:

>Jeg har lavet en ret simpel dropdown menu med brug af HTML og
>CSS.

Du mangler hele det skelet som skal få HTML til at fungere, og
din CSS er forkert. I Firefox ser man kun symbolet for et
manglende billlede - intet andet.

Her er et skelet der kan bruges:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>**Skriv en sigende titel her**</title>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<link rel='stylesheet' type='text/css' href='**skriv din CSS-fil her**'>
</head>

<body>

   Her anbringer du så sidens indhold, herunder menuen.

</body>
</html>

>Problemet kan ses her: http://cyberray.1go.dk/Test/top.htm

>HTML koden er denne:

Det er tilstrækkeligt at angive linket. Det er for de fleste ren rutine at
se koden for en hjemmeside som vises i browseren.

>og stylesheetet kan ses her:
>http://cyberray.1go.dk/Test/style.css

Udpluk:
>#menupunkt1{
>    ...
>}

>#menupunkt1hover{
>    ...
>}

Sådan kan man ikke angive en hovereffekt. Det skal være

#menupunkt1:hover{
   ...
}

Når du har rettet i koderne, så skal du validere det hele.
Så vil du måske finde flere fejl. Her er et sted hvor du kan validere både
HTML- og CSS-koden:

http://validator.w3.org/

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

Rune Jensen (05-01-2005)
Kommentar
Fra : Rune Jensen


Dato : 05-01-05 15:50

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Rune Jensen skrev:
>
> >Jeg har lavet en ret simpel dropdown menu med brug af HTML og
> >CSS.
>
> Du mangler hele det skelet som skal få HTML til at fungere, og
> din CSS er forkert. I Firefox ser man kun symbolet for et
> manglende billlede - intet andet.

Der er ingen problemer med at se billederne her hos mig? (Og jeg bruger også fiorefox)

Øhh du behøver ikke et skelet for at få det til at fungere? Men selvfølgelig skal det på når siden bliver
færdig..

>
> Her er et skelet der kan bruges:
>
> <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>**Skriv en sigende titel her**</title>
> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
> <link rel='stylesheet' type='text/css' href='**skriv din CSS-fil her**'>
> </head>
>
> <body>
>
>    Her anbringer du så sidens indhold, herunder menuen.
>
> </body>
> </html>
>
> >Problemet kan ses her: http://cyberray.1go.dk/Test/top.htm
>
> >HTML koden er denne:
>
> Det er tilstrækkeligt at angive linket. Det er for de fleste ren rutine at
> se koden for en hjemmeside som vises i browseren.

Det siger du ikke. Men mente dette ville være nemmere for læseren?

>
> >og stylesheetet kan ses her:
> >http://cyberray.1go.dk/Test/style.css
>
> Udpluk:
> >#menupunkt1{
> >    ...
> >}
>
> >#menupunkt1hover{
> >    ...
> >}
>
> Sådan kan man ikke angive en hovereffekt. Det skal være
>
> #menupunkt1:hover{

Det kan du ihvertfald. Så længe jeg bruger JS til at fremkalde den. Læg mærke til det ikke har noget med
:hover at gøre. Jeg har bare givet billede id'et menupunkthover så jeg selv kunne finde rundt i det.

>    ...
> }
>
> Når du har rettet i koderne, så skal du validere det hele.
> Så vil du måske finde flere fejl. Her er et sted hvor du kan validere både
> HTML- og CSS-koden:
>
> http://validator.w3.org/
>
> --
> Bertel
> http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/


Og mangler stadig svar på hvorfor min menu ikke virker? :(


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

Bertel Lund Hansen (05-01-2005)
Kommentar
Fra : Bertel Lund Hansen


Dato : 05-01-05 15:57

Rune Jensen skrev:

>Der er ingen problemer med at se billederne her hos mig? (Og jeg bruger også fiorefox)

Undskyld. Jeg havde glemt at jeg har sat Firefox op til at være
'minimalbrowser' - den jeg bruger på sider der er overklistret
med snask.

>> Det er tilstrækkeligt at angive linket. Det er for de fleste ren rutine at
>> se koden for en hjemmeside som vises i browseren.

>Det siger du ikke. Men mente dette ville være nemmere for læseren?

Det er sværere. Jeg er vant til at se koder i min editor med
syntaksfarvning. At se det som almindelig tekst og ombrudt i mit
læseprogram er en ulempe.

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

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


Dato : 05-01-05 16:18

Rune Jensen skrev:

> Øhh du behøver ikke et skelet for at få det til at fungere?

Du har ret i at en side godt _kan_ fungere uden et skelet. Men når den
ikke gør det, er det en god ide at putte skelettet på. Det kunne tænkes
at være en del af problemet.

Start med at validere din side - se hvorfor og hvordan i min signatur.

NB: Du må gerne klippe lidt i dine citater.

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

Rune Jensen (06-01-2005)
Kommentar
Fra : Rune Jensen


Dato : 06-01-05 15:28

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Rune Jensen skrev:
>
> > Øhh du behøver ikke et skelet for at få det til at fungere?
>
> Du har ret i at en side godt _kan_ fungere uden et skelet. Men når den
> ikke gør det, er det en god ide at putte skelettet på. Det kunne tænkes
> at være en del af problemet.
>
> Start med at validere din side - se hvorfor og hvordan i min signatur.
>
> NB: Du må gerne klippe lidt i dine citater.
>
> --

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

Har prøvet begge dele nu. Men kan stadig ikke få menuen til at virke :(
ingen der kan finde fejlen?

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

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


Dato : 06-01-05 15:38

Rune Jensen skrev:

> Har prøvet begge dele nu. Men kan stadig ikke få menuen til at virke :(

Må vi se dit forsøg? Den oprindelige side
(<http://cyberray.1go.dk/Test/top.htm>) er tilsyneladende ikke ændret.

PS: Du må stadig gerne klippe i dine citater.
--
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 (06-01-2005)
Kommentar
Fra : Rune Jensen


Dato : 06-01-05 22:27

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Rune Jensen skrev:
>
> > Har prøvet begge dele nu. Men kan stadig ikke få menuen til at virke :(
>
> Må vi se dit forsøg? Den oprindelige side
> (<http://cyberray.1go.dk/Test/top.htm>) er tilsyneladende ikke ændret.
>
> PS: Du må stadig gerne klippe i dine citater.
> --
> 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

Hmm kan i godt. Men så skal jeg lige lave det igen. Slettede det bare igen
da det alligevel ikke virkede.

Hvad mener du med at klippe i mine citater? :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

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


Dato : 06-01-05 22:53

Rune Jensen wrote:

>> PS: Du må stadig gerne klippe i dine citater.
>> --
>> 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

>
> Hvad mener du med at klippe i mine citater? :S

At der f.eks. ikke er nogen grund til at medtage signaturen fra forrige
indlæg i dit svar. Og at der heller ikke er nogen grund til at medtage mere
af selve indlægget end det, du netop svarer på.

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



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


Dato : 07-01-05 11:06

Rune Jensen skrev:

> Hmm kan i godt. Men så skal jeg lige lave det igen. Slettede
> det bare igen da det alligevel ikke virkede.

Det er en god ide at implementere de forslag man får her i gruppen
- også selv om det ikke afhjælper problemet her og nu. I mange
tilfælde kan man nå frem til et tilfredsstillende resultat efter et
par forsøg med efterfølgende feedback.

I dit tilfælde var problemet at nogle i gruppen her (mig selv fx)
ikke gider at lede efter årsagen til fejlen hvis spørgeren ikke vil
validere sin side.

Se fx forklaringen her:
<http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you>


> Hvad mener du med at klippe i mine citater? :S

Se Eriks svar (eller evt. linket i min signatur).
--
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 (10-01-2005)
Kommentar
Fra : Rune Jensen


Dato : 10-01-05 00:03

Okay allesammen. Undskyld for alt bøvlet men er helt ny her så bær
venligst over med mig.

Nu har jeg valideret min side og den er valid. Men det løser ikke mit
problem.
Så håber der er nogen der gider give sig tid til at kigge på
problemet nu.

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 (10-01-2005)
Kommentar
Fra : Rune Jensen


Dato : 10-01-05 00:05

Kan være det lige skal siges at problemet kan ses her:

www.cyberray.1go.dk/Test2/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

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

Månedens bedste
Årets bedste
Sidste års bedste