Avatar billede johncleese Nybegynder
18. august 2003 - 13:56 Der er 8 kommentarer og
1 løsning

problemer med html side med menu

Følgende side viser 2 menuer og de har under menuer..


<HTML><HEAD><TITLE>Web Index - Navigation</TITLE>
<LINK href="js/styles.css" rel=stylesheet>

<SCRIPT language=javascript src="js/nav.js"><!-- //--></SCRIPT>

<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<base target="main">
</HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0>
                  <div align="center">
                    <center>
                  <TABLE cellSpacing=0 width="23%" bgColor=#ffffff border=0>
                    <TR>
                      <TD width="100%"><!--begin menu-->
                        <DIV class=item id=contextitems>
                        <DIV id=main_s>
                        <DIV class=menu onkeydown=ExpandCollapseKeyboard(main);
                        onclick='ExpandCollapse(main);  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;if (main.style.display == "")  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;{  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;main_img_exp.style.display = "";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;main_img_col.style.display = "none";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;}  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;else  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;{  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;main_img_exp.style.display = "none";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;main_img_col.style.display = "";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;}' style="width: 219; height: 20"><IMG
                        id=main_img_exp height=14
                        src="images/arrow_show.gif" width=17><IMG
                        id=main_img_col style="DISPLAY: none" height=14
                        src="images/arrow_hide.gif" width=17
                        onload='style.display="none";'>Main&nbsp;</DIV>
                        <DIV class=link id=main style="width: 208; height: 50">
                       
                        <a
                                class="menu"
                                onmouseover="window.status='Please Vote!';return true"
                                title="Click Me!"
                                onmouseout="window.status='';return true"
                                href="http://www.planetsourcecode.com">
                                    Control Panel
                            </a>
                           
                            <br> 
                                               
                            <a
                                class="menu"
                                onmouseover="window.status='Please Vote!';return true"
                                title="Click Me!"
                                onmouseout="window.status='';return true"
                                href="http://www.planetsourcecode.com/vb/scripts/BrowseCategoryOrSearchResults.asp?lngWId=2&blnAuthorSearch=TRUE&lngAuthorId=6639998135&strAuthorName=Aidan%20Dunbar&txtMaxNumberOfEntriesPerPage=25">
                                My Other Submissions...
                        </a>
                       
                       
                            </DIV>
                            </DIV>
                         
                        <DIV id=regi_s>
                        <DIV class=menu onkeydown=ExpandCollapseKeyboard(regi);
                        onclick='ExpandCollapse(regi);  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; if (regi.style.display == "")  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; {  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = "";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = "none";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; }  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; else  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; {  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = "none";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = "";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; }' style="width: 219; height: 20"><IMG
                        id=regi_img_exp height=14
                        src="images/arrow_show.gif" width=17><IMG
                        id=regi_img_col style="DISPLAY: none" height=14
                        src="images/arrow_hide.gif" width=17
                        onload='style.display="none";'>Links</DIV>
                        <DIV class=link id=regi style="width: 212; height: 26">
                       
                            <a
                            class="menu"
                            onmouseover="window.status='Please Vote!';return true"
                            title="Click Me!"
                            onmouseout="window.status='';return true"
                            href="http://www.planetsourcecode.com">
                            Planet Source Code
                            </a>
                           
                            </DIV>
                            </DIV>
                            </DIV>
                           
                            </TD>
                            </TR>
                            </TABLE>
                            </center>
                  </div>
</BODY></HTML>


Men når man prøver at indsætte en under menu til så brokker den sig og den kan ikke virke.
Jeg fik af vide at jeg skulle indsætte følgende kode for at få en til menu , men det virker ikke..

<DIV id=your_name_here>
                        <DIV class=menu onkeydown=ExpandCollapseKeyboard(regi);
                        onclick='ExpandCollapse(regi);  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; if (regi.style.display == "")  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; {  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = "";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = "none";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; }  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; else  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; {  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = "none";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = "";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; }' style="width: 219; height: 20"><IMG
                        id=regi_img_exp height=14
                        src="images/arrow_show.gif" width=17><IMG
                        id=regi_img_col style="DISPLAY: none" height=14
                        src="images/arrow_hide.gif" width=17
                        onload='style.display="none";'>Links</DIV>
                        <DIV class=link id=regi style="width: 212; height: 26">


hvor skal koden placeres i hele koden for at der kan komme en til under menu som virker??
Avatar billede Six Nybegynder
18. august 2003 - 14:06 #1
prøv at sætte

</div>
</div>
</div>

På den kode du fik af vide du skal bruge.. altså så den ser således ud:


<DIV id=your_name_here>
                        <DIV class=menu onkeydown=ExpandCollapseKeyboard(regi);
                        onclick='ExpandCollapse(regi);  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; if (regi.style.display == "")  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; {  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = "";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = "none";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; }  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; else  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; {  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = "none";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = "";  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; }' style="width: 219; height: 20"><IMG
                        id=regi_img_exp height=14
                        src="images/arrow_show.gif" width=17><IMG
                        id=regi_img_col style="DISPLAY: none" height=14
                        src="images/arrow_hide.gif" width=17
                        onload='style.display="none";'>Links</DIV>
                        <DIV class=link id=regi style="width: 212; height: 26">
</div>
</div>
</div>
Avatar billede johncleese Nybegynder
18. august 2003 - 14:15 #2
Jeg har prøvet at sætte 3 </Div> på. men den laver ged i det, så er det kun den første under menu der virker, den anden (som før virkede virker ikke) og den nye jeg prøver at sætte ind virker hellerikke. således ser koden ud jeg prøver at lave


<HTML><HEAD><TITLE>Web Index - Navigation</TITLE>
<LINK href="js/styles.css" rel=stylesheet>

<SCRIPT language=javascript src="js/nav.js"><!-- //--></SCRIPT>

<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<base target="main">
</HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0>
                  <div align="center">
                    <center>
                  <TABLE cellSpacing=0 width="23%" bgColor=#ffffff border=0>
                    <TR>
                      <TD width="100%"><!--begin menu-->
                        <DIV class=item id=contextitems>
                        <DIV id=main_s>
                        <DIV class=menu onkeydown=ExpandCollapseKeyboard(main);
                        onclick='ExpandCollapse(main);  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;if

(main.style.display == "")  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;{ 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;main_img_exp.style.display = ""; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;main_img_col.style.display = "none"; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;} 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;else 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;{ 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;main_img_exp.style.display = "none"; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;main_img_col.style.display = ""; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;}' style="width: 219; height: 20"><IMG
                        id=main_img_exp height=14
                        src="images/arrow_show.gif" width=17><IMG
                        id=main_img_col style="DISPLAY: none" height=14
                        src="images/arrow_hide.gif" width=17
                        onload='style.display="none";'>Main&nbsp;</DIV>
                        <DIV class=link id=main style="width: 208; height: 50">
                       
                        <a
                                class="menu"
                                onmouseover="window.status='Please Vote!';return true"
                                title="Click Me!"
                                onmouseout="window.status='';return true"
                                href="http://www.planetsourcecode.com">
                                    Control Panel
                            </a>
                           
                            <br> 
                                               
                            <a
                                class="menu"
                                onmouseover="window.status='Please Vote!';return true"
                                title="Click Me!"
                                onmouseout="window.status='';return true"
                               

href="http://www.planetsourcecode.com/vb/scripts/BrowseCategoryOrSearchResults.asp?lngWId=2&blnAuthorSearch=TRUE&lngAuthorId=

6639998135&strAuthorName=Aidan%20Dunbar&txtMaxNumberOfEntriesPerPage=25">
                                My Other Submissions...
                        </a>
                       
                       
                            </DIV>
                            </DIV>
                         
                        <DIV id=regi_s>
                        <DIV class=menu onkeydown=ExpandCollapseKeyboard(regi);
                        onclick='ExpandCollapse(regi);  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; if

(regi.style.display == "")  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; { 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = ""; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = "none"; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; } 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; else 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; { 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = "none"; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = ""; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; }' style="width: 219; height: 20"><IMG
                        id=regi_img_exp height=14
                        src="images/arrow_show.gif" width=17><IMG
                        id=regi_img_col style="DISPLAY: none" height=14
                        src="images/arrow_hide.gif" width=17
                        onload='style.display="none";'>Links</DIV>
                        <DIV class=link id=regi style="width: 212; height: 26">
                       
                            <a
                            class="menu"
                            onmouseover="window.status='Please Vote!';return true"
                            title="Click Me!"
                            onmouseout="window.status='';return true"
                            href="http://www.planetsourcecode.com">
                            Planet Source Code
                            </a>
                           

                            </DIV>
                            </DIV>
                            </DIV>

<DIV id=your_name_here>
                        <DIV class=menu onkeydown=ExpandCollapseKeyboard(regi);
                        onclick='ExpandCollapse(regi);  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; if

(regi.style.display == "")  &#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; { 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = ""; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = "none"; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; } 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; else 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; { 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_exp.style.display = "none"; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; regi_img_col.style.display = ""; 

&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9; }' style="width: 219; height: 20"><IMG
                        id=regi_img_exp height=14
                        src="images/arrow_show.gif" width=17><IMG
                        id=regi_img_col style="DISPLAY: none" height=14
                        src="images/arrow_hide.gif" width=17
                        onload='style.display="none";'>Links</DIV>
                        <DIV class=link id=regi style="width: 212; height: 26">

                            </DIV>
                            </DIV>
                            </DIV>
                           
                            </TD>
                            </TR>
                            </TABLE>
                            </center>
                  </div>
</BODY></HTML>
Avatar billede Six Nybegynder
18. august 2003 - 14:28 #3
ok, prøv med 2 div's istedet for 3
Avatar billede Six Nybegynder
18. august 2003 - 14:30 #4
ellers må du lige zippe filerne og ligge dem til download et sted, eller sende dem til fjappe@fjappe.dk - så lurer jeg på det.

og det er filerne: nav.js og styles.css jeg skal bruge. samt html filen.
Avatar billede johncleese Nybegynder
18. august 2003 - 14:40 #5
hej fjappe.
jeg har sendt filerne afsted til din mailadresse, så du kan rode lidt med det, om du kan få det til at du! :)
Avatar billede Six Nybegynder
18. august 2003 - 14:55 #6
Har sendt en fungerende version tilbage :)

Håber du kan bruge det til noget.

Hvis du har spørgsmål, er du som skrevet velkommen til at spørge.
Avatar billede Six Nybegynder
18. august 2003 - 16:58 #7
Sådan, Nu skulle den være i vinkel. Håber du kan bruge det.

Men du er self. stadig velkommen til at spørge ;)
Avatar billede johncleese Nybegynder
19. august 2003 - 08:56 #8
mange tak fjappe!! ehjj. det kunne man jo næsten have tænkt sig til! :P
Avatar billede johncleese Nybegynder
19. august 2003 - 09:17 #9
foresten ved du så hvordan man gør hvis menuerne skal være lukket til at staret med i stedet for åbne. så det først er udvidet når man klikker på dem.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester