Une technique pour mettre en colonne des listes xhtml.
Très utile pour la mise en page de formulaire ou pour afficher proprement une information sur la largeur de la page.
Code XHTML.
<ul>
<li>Valeur01</li>
<li>Valeur02</li>
<li>Valeur03</li>
<li>Valeur04</li>
<li>Valeur05</li>
<li>Valeur06</li>
<li>Valeur07</li>
<li>Valeur08</li>
<li>Valeur09</li>
<li>Valeur10</li>
</ul>
Code CSS
ul
{
width : 500px;
list-style-type : none;
}
li
{
width : 180px;
margin : 15px 0 0 0;
padding : 0 10px 0 0;
line-height : 15px;
float : left;
}
Exemple en ligne
Mot clé - coding
vendredi, juin 27 2008
27juin2008
Listes xhtml en colonne avec du CSS
mercredi, mai 28 2008
28mai2008
Gérer la couleur d'un surlignement en CSS
Il est possible en CSS de gérer la couleur du texte et du fond lorsqu'il est sélectionné.
Pour les navigateurs mozilla-like.
ELEMENT::-moz-selection
{
background:yellow;
color:red;
}
ELEMENT::selection
{
background:yellow;
color:red;
}
vendredi, avril 11 2008
11avr2008
Mootools + TinyMCE Problème de double click
J'ai rencontré plusieurs problème entre tinyMCE et mootools cette semaine dont un bien vicieux.
L'idée c'est d'envoyer un formulaire par un appel Ajax de mootools.
Le problème c'est qu'il faut envoyer deux fois le formulaire pour que les champs textarea en tinyMCE soit mis dans le POST
Il suffit d'ajouter tinyMCE.triggerSave(); juste avant l'appel Ajax.
En xhtml
<form action='#' id='mon_form'>
<textarea id='tinymce_area' name='tinymce_area'></textarea>
<input type='submit' value='save' />
</form>
En javascript
$('mon_form').addEvent('submit',function(e){
var event = new Event(e);
event.stop();
tinyMCE.triggerSave();
new Ajax('sauver.php',{
method:'post',
data : $('mon_form'),
evalScripts:true,
update: 'div_update'
}).request();
Contact