| Re: Tinyeditor |
Titre du sujet : Re: Tinyeditor
par Kris sur 17/05/2008 20:43:57
solution = ne pas utiliser de tableaux 
bref, il te faut également des class pour les tr, th et td.
ajoutes ceci dans ta feuille de style :
/*======== others float class ======== */
.floatleft {
float: left;
margin-top: 1em;
margin-right : 1em;
padding-left: 4px;
border: 0;
}
.floatright {
float: right;
margin: 0 0 10px 10px;
padding: 2px;
border: 0;
}
/*======== others alignment class ======== */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.middle { vertical-align: middle;}
.top { vertical-align: top;}
.bottom { vertical-align: bottom;}
/*======== others width class ======== */
.width100 { width: 100%; }
.width95 {width: 95%}
.width80 { width: 80%; }
.width75 { width: 75%; }
.width70 { width: 70%; }
.width65 { width: 65%; }
.width50 { width: 50%; }
.width40 { width: 40%; }
.width33 { width: 33%; }
.width25 { width: 25%; }
.width30 { width: 30%; }
.width20 { width: 20%; }
.width15 { width: 15%; }
.width10 { width: 10%; }
/* ========= others font class ========== */
.small { font-size: .8em;}
.normal { font-size: 1em; font-weight : normal;}
.big { font-size: 1.17em;}
.maxi { font-size: 1.5em;}
.bold { font-weight: bold;}
.italic {font-style: italic;}
.uppercase {text-transform : uppercase;}
/*======== others display class ======== */
.clear { clear: both; }
.block { display: block; }
.hide { display: none; }
/*======== others color class ======== */
.red { color:#ff0000; background-color : transparent; }
.blue { color: #0000ff; background-color : transparent; }
.green { color: #00ff00; background-color : transparent;}
/*======== others table class ======== */
.cellshide {empty-cells : hide;}
.borderseparate { border-collapse : separate;}
tu pourras faire par exemple :
<td class="center bold red"> etc ...
@++
|
|
