Avatar billede kxh Nybegynder
21. december 2005 - 10:40 Der er 12 kommentarer og
1 løsning

Problem med Menu control i asp.net 2.0

Hej

Jeg har lavet en MasterPage som indeholder en ContentsPageHolder,
over denne ContentsPageHolder har jeg indsat den nye menu control
og oprettet en del items i den, problemet er at menu ligger sig
under nogen af de objekter der er på den side der er loaded in
i PageHolder, hvordan får jeg den til at ligge øverst lige meget hvad ?

Med venlig hilsen

Kim Hansen
Avatar billede dr_chaos Nybegynder
21. december 2005 - 10:44 #1
du kan lægge ContentsPageHolder og menu kontrollen inde i en tabel og organisere dem på den måde.
Avatar billede kxh Nybegynder
21. december 2005 - 10:55 #2
Synes ikke det giver nogen forskel ;-(
Avatar billede dr_chaos Nybegynder
21. december 2005 - 10:56 #3
prøv at vise den kilde kode til masterpagen
Avatar billede kxh Nybegynder
21. december 2005 - 10:58 #4
Denne er opbygget på div - eksempel fra Microsoft

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MainFrame.master.cs" Inherits="AppMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <title>Three-column, fixed width CSS layout template</title>   
    <!--[if IE 5]>
    <style type="text/css">       
        .sidebarcontainer td, .sidebarcontainer tr {font-size:smaller;}       
        #subnav a {height:1em;}
        body td, body th {font-size:0.78em;}       
    </style>
    <![endif]-->
</head>
<body>

    <form id="mainForm" runat="server">

        <div id="wrapper_">
            <div id="header">
                <div id="logo">
                    <asp:HyperLink ID="lnkHome" runat="server" ToolTip="Return to homepage" NavigateUrl="~/webpages/Index/frm_IndexMain.aspx">
                        <asp:Image runat="server" ID="imgLogo" SkinID="logoImage" AlternateText="company logo" />
                    </asp:HyperLink>
                   
                </div>
                <div style="z-index: 101; right: -82%; position: relative; top: 0px">
                    &nbsp;<asp:Image ID="Image1" runat="server" SkinID="TopBorder_Logo"/></div>
            </div>
            <div id="mainnav" style=" z-index:198 ">
                &nbsp; &nbsp;&nbsp;&nbsp; <asp:Menu ID="Menu1" runat="server" BackColor="Transparent"  DynamicHorizontalOffset="2"
                    Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" StaticSubMenuIndent="10px" style="left: -50px; position: relative; top: -13px" Font-Bold="True" Width="63px" DynamicVerticalOffset="4" Font-Italic="False">
                    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" Font-Names="Verdana" Font-Size="X-Small" ForeColor="White" />
                    <DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
                    <DynamicMenuStyle BackColor="#B5C7DE" BorderColor="White" BorderStyle="Solid" BorderWidth="1px" Width="200px" />
                    <StaticSelectedStyle BackColor="Transparent" />
                    <DynamicSelectedStyle BackColor="#507CD1" />
                    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" Width="200px" />
                    <Items>
                        <asp:MenuItem Text="Menu" Value="Menu">
                            <asp:MenuItem Text="Hovedmenu" Value="Hovedmenu"></asp:MenuItem>
                            <asp:MenuItem Text="Logaf" Value="Logaf" ToolTip="Log af ITHelpdesk"></asp:MenuItem>
                            <asp:MenuItem Text="IT Afdelingen" Value="IT Afdelingen">
                                <asp:MenuItem Text="Kim Hansen" Value="Kim Hansen"></asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                        </asp:MenuItem>
                    </Items>
                    <StaticHoverStyle BackColor="Transparent" ForeColor="Gainsboro" Font-Bold="True" />
                </asp:Menu>
             
            </div>
           
            <div id="contentwrapper_" >
               
           
           
                <asp:ContentPlaceHolder runat="server" ID="mainCopy">
               
               
                                                         
                </asp:ContentPlaceHolder>
           
                <div id="footer">
                    &copy; 2005 Danish Crown - IT Produktions Afdelingen - Ringsted - developed by Kim
                    Hansen - kxh@Danishcrown.dk <a href="java script:;" title="Sample link # 1">Link 1</a> <a href="java script:;" title="Sample link # 2">Link 2</a>
                    <a href="java script:;" title="Sample link # 3">Link 3</a>
                </div>
            </div>
        </div>
   
       
    </form>
</body>
</html>
Avatar billede dr_chaos Nybegynder
21. december 2005 - 11:11 #5
prøv med:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MainFrame.master.cs" Inherits="AppMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">
    <title>Three-column, fixed width CSS layout template</title> 
    <!--[if IE 5]>
    <style type="text/css">     
        .sidebarcontainer td, .sidebarcontainer tr {font-size:smaller;}     
        #subnav a {height:1em;}
        body td, body th {font-size:0.78em;}     
    </style>
    <![endif]-->
</head>
<body>

    <form id="mainForm" runat="server">
<asp:Table ID="mastertbl" runat="server" CellPadding="0" CellSpacing="0">
<asp:TableRow><asp:TableCell><div id="header">
                <div id="logo">
                    <asp:HyperLink ID="lnkHome" runat="server" ToolTip="Return to homepage" NavigateUrl="~/webpages/Index/frm_IndexMain.aspx">
                        <asp:Image runat="server" ID="imgLogo" SkinID="logoImage" AlternateText="company logo" />
                    </asp:HyperLink>
                 
                </div>
                <div style="z-index: 101; right: -82%; position: relative; top: 0px">
                    &nbsp;<asp:Image ID="Image1" runat="server" SkinID="TopBorder_Logo"/></div>
            </div>
            </asp:TableCell></asp:TableRow>
            <asp:TableRow><asp:TableCell><div id="mainnav" style=" z-index:198 ">
                &nbsp; &nbsp;&nbsp;&nbsp; <asp:Menu ID="Menu1" runat="server" BackColor="Transparent"  DynamicHorizontalOffset="2"
                    Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" StaticSubMenuIndent="10px" style="left: -50px; position: relative; top: -13px" Font-Bold="True" Width="63px" DynamicVerticalOffset="4" Font-Italic="False">
                    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" Font-Names="Verdana" Font-Size="X-Small" ForeColor="White" />
                    <DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
                    <DynamicMenuStyle BackColor="#B5C7DE" BorderColor="White" BorderStyle="Solid" BorderWidth="1px" Width="200px" />
                    <StaticSelectedStyle BackColor="Transparent" />
                    <DynamicSelectedStyle BackColor="#507CD1" />
                    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" Width="200px" />
                    <Items>
                        <asp:MenuItem Text="Menu" Value="Menu">
                            <asp:MenuItem Text="Hovedmenu" Value="Hovedmenu"></asp:MenuItem>
                            <asp:MenuItem Text="Logaf" Value="Logaf" ToolTip="Log af ITHelpdesk"></asp:MenuItem>
                            <asp:MenuItem Text="IT Afdelingen" Value="IT Afdelingen">
                                <asp:MenuItem Text="Kim Hansen" Value="Kim Hansen"></asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                        </asp:MenuItem>
                    </Items>
                    <StaticHoverStyle BackColor="Transparent" ForeColor="Gainsboro" Font-Bold="True" />
                </asp:Menu>
           
            </div>
          </asp:TableCell></asp:TableRow>
<asp:TableRow>
<asp:TableCell>
      <div id="contentwrapper_" >
             
         
         
                <asp:ContentPlaceHolder runat="server" ID="mainCopy">
             
             
                                                       
                </asp:ContentPlaceHolder>
         
                <div id="footer">
                    &copy; 2005 Danish Crown - IT Produktions Afdelingen - Ringsted - developed by Kim
                    Hansen - kxh@Danishcrown.dk <a href="java script:;" title="Sample link # 1">Link 1</a> <a href="java script:;" title="Sample link # 2">Link 2</a>
                    <a href="java script:;" title="Sample link # 3">Link 3</a>
                </div>
            </div>
</asp:TableCell></asp:TableRow>
</asp:Table>
    </form>
</body>
</html>
Avatar billede kxh Nybegynder
21. december 2005 - 11:15 #6
Hej igen

Det giver samme resultat, måske er det måde den underliggende side er bygget på der gør det ??

// Kim
Avatar billede kxh Nybegynder
21. december 2005 - 11:24 #7
Prøvede lige at lave en ny masterPage, her virker det !!

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    1
        <asp:Menu ID="Menu1" runat="server" BackColor="#E3EAEB" DynamicHorizontalOffset="2"
            Font-Names="Verdana" Font-Size="0.8em" ForeColor="#666666" StaticSubMenuIndent="10px">
            <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
            <DynamicHoverStyle BackColor="#666666" ForeColor="White" />
            <DynamicMenuStyle BackColor="#E3EAEB" />
            <StaticSelectedStyle BackColor="#1C5E55" />
            <DynamicSelectedStyle BackColor="#1C5E55" />
            <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
            <Items>
                <asp:MenuItem Text="New Item" Value="New Item">
                    <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                    <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                    <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                    <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                    <asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
                </asp:MenuItem>
            </Items>
            <StaticHoverStyle BackColor="#666666" ForeColor="White" />
        </asp:Menu>
   
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
        </asp:contentplaceholder>
        <br />
    </div>
    </form>
</body>
</html>
Avatar billede dr_chaos Nybegynder
21. december 2005 - 11:26 #8
ok det er perfekt :)
Avatar billede kxh Nybegynder
21. december 2005 - 11:27 #9
Ja så skal jeg bare have det til at virke i den anden også ;-)
Avatar billede kxh Nybegynder
21. december 2005 - 11:39 #10
Hej igen...

Jeg prøvede at oprette en ny underliggende side, og der virker det, så det er altså ikke min MainPage der har problemet...
Avatar billede kxh Nybegynder
21. december 2005 - 11:47 #11
Fejlen er fundet... det var en Z-Index på et div, der var skyld i problemet.

// Kim
Avatar billede dr_chaos Nybegynder
21. december 2005 - 11:52 #12
perfekt husk at lukke spørgsmålet
Avatar billede kxh Nybegynder
21. december 2005 - 11:59 #13
ok svar
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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