2009-08-22 6 views
1

Comment puis-je accomplir ceci?Application de CSS à mon ASP.net LinkButton

Mon CSS:

.MainMenu 
{ 
    position: absolute; 
    top:135px; 
    left:15px;  
    background-color: #033E6B; 
    color:White; 
    border-style:double; 
    border-color:White; 
} 

.MainMenu ul 
{ 
    list-style-type:none; 
    padding-left:3px; 
    padding-right:3px; 
} 

Mon UserControl code:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainMenu.ascx.cs" Inherits="LoCompro.UserControls.MainMenu" %> 
<ul> 
    <li><asp:LinkButton ID="LinkButton4" runat="server">Inicio</asp:LinkButton></li> 
    <li><asp:LinkButton ID="LinkButton1" runat="server">Navegar Por Categoria</asp:LinkButton></li> 
    <li><asp:LinkButton ID="LinkButton2" runat="server">Navegar Por Marca</asp:LinkButton></li> 
    <li><asp:LinkButton ID="LinkButton3" runat="server">Buscar</asp:LinkButton></li> 
</ul> 

Et mon MasterPage:

<div class="MainMenu"> 
      <uc2:MainMenu ID="MainMenu1" runat="server" /> 
     </div> 

Mon intention est d'aller modifier la façon dont mes liens apparaissent. Je veux qu'ils soient de couleur blanche, jaunissent en vol stationnaire et ne changent jamais même s'ils cliquent dessus/ont déjà visité. Je ne sais pas comment travailler avec LinkButtons, c'est ma première fois aujourd'hui. :)

Merci les gars!

Répondre

5

Cela devrait être assez proche.

.MainMenu a { 
    color: #FFF; 
} 

.MainMenu a:active 
{ 

} 

.MainMenu a:visited 
{ 

} 

.MainMenu a:hover { 
    color:#FFFF00; 
} 
+0

Vous m'avez battu pour l'éditer dans ma réponse. :) – klabranche

+0

Man, je flippe adore ce site. Tout le monde est si bien informé. J'espère qu'un jour je pourrai atteindre ce niveau. :) Je vous remercie! –

0

Donnez les boutons de lien un CssClass = « NameOfClass » qui est une propriété de la linkbutton

Dans votre code CSS puis:

.nameofclass 
{ 

} 
.nameofclass a 
{ 

} 
0

Vous pouvez utiliser la propriété CssClass d'un LinkButton pour ajouter un css classe à eux. Ensuite, créez juste une classe css "buttonClass" dans votre fichier css.

.buttonClass 
{ 
} 
+0

Comment puis-je changer la couleur de mon LinkButton? –

0
a.mylink 
{ 
    color: #990000; 
    text-decoration:none; 
} 

a:hover.mylink 
{ 
    color: #990000; 
    text-decoration:underline; 
} 

Vous trouverez utile ...

Questions connexes