Bonjour à tous,

voilà j'expose mon problème, j'ai voulus creer un tableau donc j'obtiens ceci

Spoiler:

Donc jusque là tout vas bien, cependant j'aurai aimé pouvoir changer son apparence grâce au css et c'est là que ça coince.

Je voudrais obtenir ceci


et ceci lorsque je passe ma souris dessus.



Cependant tout ce que j'obtiens c'est


Voici mon code Html pour le tableau

Code:

<TABLE BORDER>
<TR><TD><a class="modos" href="http://onceuponatime.forumotion.com/modos-f29/]modos">Modos</a></TD></TR>
<TR><TD>deuxième ligne</TD></TR>
</TABLE>

Et mon css

Code:

a.modos{
    text-decoration: none;
text-family:Arial;
    color : #028cd3;
        background-color: none;
border-left:4px #028cd3 solid;
border-right:4px #028cd3 solid;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;}


a.modos:hover{
    text-decoration:none; color : #a297fb;
    background-color : #c1bce0;         
 border-bottom: 1px solid;
border-top:1px solid ;
border-left:1px ;
border-right:1px ;
 color : #a297fb; 
filter:alpha(opacity=100);}

J'utilise Internet explorer, je suis sous Phpb2, vous pouvez trouver mon forum de test ici

J'espere mettre bien exprimer et mercii d'avance si quelqu'un trouve une solution à mon problème.

Cordialement Paola

Bonjour~
Essaie ceci:

Code:

<TABLE style="border-left: 4px solid #0066a3; border-right: 4px solid #0066a3;">
<TR><TD><a class="modos" href="http://onceuponatime.forumotion.com/modos-f29/]modos">Modos</a></TD></TR>
<TR><TD>deuxième ligne</TD></TR>
</TABLE>

Code:

a.modos{
text-decoration: none;
text-family:Arial;
font-size: 15px;
color : #000000 !important;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
align: center;}

a.modos:hover{
text-decoration:none;
color : #4d6680;
background-color : #a3cdea;       
filter:alpha(opacity=100);}

Déjà un grand merciii pour une réponse aussi rapide.
Le code marche très bien c'est exactement ce que je voulais, c'est super.
Un très grand merci.

xDD de rien pour la réponse rapide et le code ♥
Jdevrais m'appeler Flash modo xD

Est-ce que tu veux des explications sur le code où ce n'est pas nécessaire xD?

Si ça te dérange pas oui j'aimerai bien. Merciii

Bon d'accord =D

Commençons par le html. Dans ton code de départ, tu avais une bordure autour du tableau et des cellules à cause du border. Pour avoir l'effet que tu désirais, j'ai mit du CSS "dans le tableau", ou en D'autre mots je lui ai mit du style, avec ceci:

Code:

style="border-left: 4px solid #0066a3; border-right: 4px solid #0066a3;"

C'est comme si tu mettais du CSS mais que tu le mettais directement dans le tableau.

Dans le CSS, la couleur de départ de ton lien n'était pas noire comme dans le screen de ce que tu voulais, je l'ai donc mit en noir avec l'attribut color.
Sinon le reste c'est surtout un agencement de couleurs, j'ai prit tes screen et j'ai simplement utilisé le truc de couleur dans photoshop pour trouver les codes de couleur et je les ai mit à la bonne place, comme pour quand on passe la souris sur le lien la couleur change, le fond change, etc.

(tu le dis si tu comprends rien et si j'explique mal xD)

Ehm je crois que c'est tout o_o sinon je voulais centrer le texte via le CSS mais j'ai pas réussi, mais ça se fait facilement avec la balise center habituellement o_o

Ok, oui pour le css ce n'étaient pas les bonnes couleurs car j'avais mis des couleurs au hasard sur le sceen.
AH d'accord c'était la partie "code Html" que j'avais pas compris, tu as très bien expliqué, un grand merciii. Je suis assez nul en Html et je ne savais pas que l'on pouvais mettre du css direct à l'interrieur.

Encore mercii pour ton aide et les codes.

xDDD Okeeey~
De rien ♥
Dès que tu as besoin d'aide, n'hésite pas à poster~

Je classe ton sujet =D