CSS

Question

Bom dia,

Tenho um menu que quando é carregado tenho uma css com uma seta que fica atrás.

O que pretendo fazer é quando carrego na opção de menu ele esconder a seta da primeira opção e mostrar só a seta da opção carregada.

Obrigado,

Élio

Answer 1

Ola Elio posta o codigo, fica mais facil de te ajudar.

---

CASO A RESPOSTA TENHA AJUDADO FAVOR MARCAR COMO RESPONDIDA.

Answer 2

Olá Elio,

  Você pode fazer isso direto pelo CSS, segue um exemplo abaixo para ajudá-lo a customizar seu cenário.

  Default.aspx

    <div class="OcultaOLink">
        <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false"
            IncludeStyleBlock="false" Orientation="Horizontal">
            <Items>
                <asp:MenuItem NavigateUrl="" Text="Principal" />
                <asp:MenuItem NavigateUrl="" Text="Sobre" />
            </Items>
        </asp:Menu>
    </div>

   File.css

/* CSS PARA O MENU   
----------------------------------------------------------*/

div.OcultaOLink
{
    background-color: #C0C0C0;
    width: 100%;
}

div.menu
{
    padding: 6px 2px 6px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    width: auto;
}

div.menu li
{
    list-style: none;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    height: auto;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

Espero ter ajudado, boa sorte.
Flávio

---

Flávio S. Mariotti. Por favor, se o post for útil marque-o. : )