Junha
{ Membre }
Messages : 50
| Bonjour, j'aimerai bien savoir comment ajouté un fond à mon tableau. Voila mon tableau - Spoiler:
Voila mon CSS - Spoiler:
- Code:
-
.my_modified_table{ width: 80%; margin-left: 10%; margin-right: 10%; margin-top: 5px !important;
font-family: Verdana; }
.my_forum_name{ display:none; } .my_img{ width: 10%; margin-left: 50px; } .my_disc{ width: 70%; text-align:center; font-size: 13px; } .my_stats{
width: 20%; text-align:center; }
.myfoo_title{ text-align:center; width: 100%; -moz-border-radius: 6px; border: 1px solid #EAEAEA;
} .my_title{ text-align:center; font-size: 14px; font-family: Arial; }
.my_cat_body{ border: 1px solid #EEE; -moz-border-radius: 3px;
}
.my_cat ul{ margin:0; padding: 0; width: 800px !important; } .my_cat li{ margin-left: 2px; } .my_cat_style{ border-top: 1px #666 solid; border-left: 1px #666 solid; border-right: 1px #666 solid; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; text-align:center; font-size: 11px; padding-left:10px; padding-right:10px; display:inline; background-color: #EAEAEA; width: 200px; font-family: Arial; font-weight: bold;
} .my_cat a{ text-decoration: none !important; color: #000; }
* { font-family: Tahoma,Verdana,Arial,serif,Georgia,Courier New; } a.info { position: relative; color: #576186; text-decoration: none; } a.info span { display: none; font-size: 12px; } a.info:hover { background: transparent none repeat scroll 0% 50%; z-index: 999; cursor: help; } a.info:hover span { border: 3px solid #3e3d70; padding: 3px; background: #c0cde5 none repeat scroll 0% 50%; display: inline; position: absolute; white-space: nowrap; top: 10px; left: 10px; color: #576186; } #blabla { text-align: center; } .categling { border-bottom: 1px dotted #9999ff; margin: 0px 4px 8px 0px; padding: 3px; text-transform: uppercase; width: 95%; background-color: #CCD6E3; text-align: center; font-size: 10px; display: block; text-decoration: none; color: #888888; font-weight: bold; } .categling:hover { border-bottom: 1px dotted #9999ff; margin: 0px 4px 8px 0px; padding: 3px; text-align: center; width: 95%; text-transform: uppercase; font-weight: bold; text-decoration: none; border-right-width: 10px; border-left-width: 10px; display: block; background-color: #CCD6E3; font-size: 10px; color: #797979; } a.mainmenu:link, a.mainmenu:visited{ font-family: Tahoma; font-size: 80%; color: #4F74A8; text-align: center; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; border-left:12px solid a { text-decoration: none; }; border-right:12px solid #; padding-right: 10px; }
#sousforum { width :100%; float : right ; -moz-border-radius:7px; background-color: #A2B3DE; }
.bodyline{ -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.titre { font-family: Tahoma font-variant: small-caps ; font-size: 10px; border-bottom: 1px solid #4F74A8; color: #4F74A8; text-align: center; margin-left: 1px; margin-right: 1px; margin-top: 1px; padding: 1px; padding-left: 1px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-topleft: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-top-left-radius: 15px; border-left: 1px #4F74A8 dashed; border-bottom: 1px #4F74A8 solid; border-top: 0px #4F74A8 dashed; border-right: 1px #4F74A8 dashed; background: #A2B3DE ; }
.forumline { -moz-border-radius: 2px;border-width: 1px; }
body { cursor: crosshair } a:hover { cursor:ne-resize; }
.bodylinewidth { width:70%}
a:hover{text-transform:uppercase;}
.forumline{ border: 3px #54B7E8 dashed; }
.statistiques{ border:0px; background-image: url("http://i31.servimg.com/u/f31/14/81/40/60/qeel1110.jpg"); background-repeat: no-repeat; background-position: center; height:270px; }
.groupes{ background-color:#FFFFFF;border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
a.imginfo { /* INFOBULLES */ position: relative; color: #7d7d7d; /* couleur de votre texte */ text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ }
a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ }
a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 10px; /* on positionne notre infobulle */ left: 20px; background: white; color: 7d7d7d; padding: 3px; border: 0px solid grey; border-left: 5px solid #b6b6b6; /* vos couleurs et taille de bordures */ border-right: 3px solid #b6b6b6; border-top: 3px solid #b6b6b6; border-bottom: 5px solid #b6b6b6; }
Merci d'avance ! | | |
|
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Tu mets : ou au tout début de ta page HTML.
Et tu mets tout à la fin de ton code | | |
|
Junha
{ Membre }
Messages : 50
| |
Luna Arcana
{ Membre }
Messages : 194
| |
Junha
{ Membre }
Messages : 50
| Oui ^^ Vous pouvez le fermé | | |
|