bonjour,
je me permet de poster ce message suite à un petit problème css .
sur ma page principale et via jquery j aoute des éléments ( cf cf-ci desous )
voici le fichier css correspondant à la classe "Devt_class"
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 sout+='<div class="Devt_class" id="evt_'+data[k]['id']+'">' sout+='<div style="display:inline-block;vertical-align:middle;"><a href="#D'+data[k]['id']+'" id="A_detail_evt"><img src="images/add_16.png"></a></div>' sout+='<div style="display:inline-block;" id="Dtitre"><label>'+data[k]['titre']+'</label></div>' sout='</div>'; $("#"+data[k]['id_categorie']+"-jour").append(sout)
mon souci est le suivant, si le titre du div Dtitre est trop grand je voudrais le couper et mettre 3 petits points ex : test...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 .Devt_class { overflow-x:hidden; text-overflow:ellipsis; display:inline-block; width:38; height:17px; background:#aef4e4; border-right:1px black solid; z-index:2; margin-top:10px; font-size:8pt; line-height:17px; }
j ai donc indique la commande overflow-x:hidden et text-overflow:ellipsis dans mon css, seul hic c est que si le text est trop grand
il ne me l affiche pas du tout au lieu de me le couper ..
auriez vous une solution ?
merci d avance
Partager