CLR: .Net / Mono / Boo / Otros CLR > ASP .NET

 asp:Menu horizontal

<< < (2/2)

Johana84:
Hola Black boy

Probe colocando el asp:menu dentro de un div en otra página diferente al master, y me sigue apareciendo el menu vertical.

Gracias
Johana

Josselo:
Probe tu codigo y el menu aparece correctamente
por que no pruebas usando hojas de estilo css

ahi puedes poner la direccion de cada menu ademas te servira mucho y te recomendaria que utilices solo divs y las tablas dentro de los divs para que puedas separan tus componentes.

saludos.

Johana84:
Hola

 Gracias por contestar, pero que parte de codigo probo y te funciono, por que yo probe solo el bloque donde este el menu, en otra página diferente al master page y me aparece vertical, por favor si me pueden orientar si los agradezco mucho.


--- Código: Text ---<div runat="server" id="imagen" >                    <asp:Image ID="Image1" runat="server"                            ImageUrl="~/Images/ima_home/L2_Cabezote17.gif"                            Width="100%" Height="76px" /> <br/>                                                <asp:Menu ID="Menusuperior" runat="server"                          Orientation="Horizontal">                              <Items>                                <asp:MenuItem NavigateUrl="~/Default.aspx"                                      Text="Inicio" ></asp:MenuItem>                                <asp:MenuItem NavigateUrl="~/Cart.aspx"                                      Text="Canasta"></asp:MenuItem>                                <asp:MenuItem NavigateUrl="~/Checkout/Default.aspx"                                      Text="Cuenta"></asp:MenuItem>                                    <asp:MenuItem NavigateUrl="~/Profile/Default.aspx"                                     Text="Registro"></asp:MenuItem>                                <asp:MenuItem NavigateUrl="~/Contact.aspx"                                     Text="Contacto"></asp:MenuItem>                                 <asp:MenuItem NavigateUrl="~/HelpUser.aspx"                                      Text="Ayuda">                                                      </asp:MenuItem>                                                                </Items>                                                   </asp:Menu>                                         </div>          
Gracias
Johana

Johana84:
Hola a todos

Ya pude solucionar mi problema, gracias por la ayuda.
El código me quedo asi:

--- Código: Text ---<div runat="server" id="imagen" >                            <asp:Image ID="Image1" runat="server"                                ImageUrl="~/Images/ima_home/L2_Cabezote17.gif"                                Width="100%" Height="76px" />                          </div>                                                        <div id="Menusuper">                            <asp:Menu ID="Menusuperior" runat="server"                                    Orientation="Horizontal">                              <Items>                                <asp:MenuItem NavigateUrl="~/HelpUser.aspx"                                      Text="Ayuda"></asp:MenuItem>                                <asp:MenuItem NavigateUrl="~/Contact.aspx"                                      Text="Contacto"></asp:MenuItem>                                                                    <asp:MenuItem NavigateUrl="~/Profile/Default.aspx"                                       Text="Registro"></asp:MenuItem>                                <asp:MenuItem NavigateUrl="~/Checkout/Default.aspx"                                      Text="Cuenta"></asp:MenuItem>                                <asp:MenuItem NavigateUrl="~/Cart.aspx"                                       Text="Canasta"></asp:MenuItem>                                                                   <asp:MenuItem NavigateUrl="~/Default.aspx"                                       Text="Inicio"></asp:MenuItem>                              </Items>                                                            </asp:Menu>                                                                                 </div>  
 y el código del css:

#Menusuper
 {
    list-style:none;    
    color:#D60C21;
    text-decoration:none;   
    border:0px;
    margin-right:100px;      
 }
 #Menusuper li
 {
    float:right;
    margin:2px;
    padding:2px;
    display:block;
 }
 #Menusuper li a
 {
    text-decoration:none;
    color:#D60C21;   
 }
 
Muchas gracias de nuevo por la ayuda
Johana

Navegación

[0] Índice de Mensajes

[*] Página Anterior