Taille d'un Linkbutton

Bonjour,

J'aimerais savoir si on peut définir une taille d'un linkbutton ?

En effet, je souhaite faire une sorte de "Post It" qui permet lorsqu'on clique dessus de pouvoir ouvrir une textbox pour modifier le texte du Post It. Pour cela, j'affiche le contenu du textbox dans un linkbutton mais je suis obligé de cliquer sur le texte du linkbutton pour afficher la textbox.

Moi ce que je voudrais faire c'est donner une taille au linkbutton qui me permette d'agrandir la taille de la zone clicable et non plus de devoir obligatoirement cliquer sur le texte du linkbutton.

J'ai essayé avec Width mais ca marche pas :-/

Avec les css tu peux définir la taille d'un "a" donc, d'un lien. Tu peux meme lui attribuer une couleur background, voir une image png avec gestion transparence pour donné une forme de "voile"

J'ai essayé en mettant cela dans mon Css :

Code:

---

1 2 3 4 5

.Postit { background-color: #FFFF00; width: 100%; }

---

Correspondant au linkbutton de l'ACSX suivant

Code:

---

<asp:LinkButton ID="ContenuPostitLink" onClick="Label_Click" runat="server" CssClass="Postit">LinkButton</asp:LinkButton><br />

---

Cependant ca m'affiche cela :

http://img124.imageshack.us/img124/3692/uhuhmj3.png

Or je voudrais que la zone clicable prenne tout le contenu de mon composant et pas uniquement le texte comme sur l'image

Le composant ayant une taille variable selon les pages pour corser le tout ^^

J'ai essayé en mettant cela dans mon Css :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

.Postit { background-color: #FFFF00; width: 100%; heigt: 100%; }   .Postit a { background-color: #FFFF00; width: 100%; heigt: 100%; text-decoration: none; }

---

Correspondant au linkbutton de l'ACSX suivant

Code:

---

<asp:LinkButton ID="ContenuPostitLink" onClick="Label_Click" runat="server" CssClass="Postit">LinkButton</asp:LinkButton><br />

---

Et comme ca donne quoi?

J'ai pas testé avec une class, sinon définit comme ca:

Code:

---

1 2 3 4 5 6 7

#ContenuPostitLink { }   #ContenuPostitLink a { }

---

après vidage du cache, aucun changement sur IE ou FF avec une double classe ni avec la deuxième solution :(

Est ce que les liens sont tjs sousligné? Le text-decoration permet de le retirer, donc si ce n'est pas le cas, il ne voit pas la classe.

Essaye avec des PX également.

Arf, j'ai oublié ce truc là :

Code:

---

1 2	display:block;

---

Bah comme tu dis il voit pas la classe : les liens sont toujours soulignés :?

En fait si il doit la voir, puisqu'ils sont surlignés en jaune...

Et en modifiant color a red dans PostIt a{} le text changent de couleur?

Tu peux aussi gérer ce genre de truc PostIt a:link {} PostIt a:hover {} en fonction de ce que tu souhaites...