Discussion :

[wwilly17]

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 )

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)

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
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;
 
}

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...
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

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

width:38;

38 quoi ?

Au minimum :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:250px; /* à adapter*/

[wwilly17]

une erreur...
il faut lire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
width:38px

[wwilly17]

J ai essaye le code CSS donné mais cela ne fonctionne pas .
au lieu de m' afficher le début du titre il ne m affiche que les "...."

une idée ?

[Invité]

Pas très étonnant avec une largeur de 38px...





[(]
N.B. Je déteste qu'on écrive : "une idée ?"
... surtout quand on ne pense même pas à (re)donner le code.
... PIRE ! quand on se contente d'ajouter : "cela ne fonctionne pas" !

Du coup, je préfère ne pas dire la première idée qui me vient à l'esprit..............
[/)]

[Jacques Beauregard]

Bonjour,

@Jreaux

J ai essaye le code CSS donné mais cela ne fonctionne pas .

Je pense donc qu'il a essayé avec 250px.

@Jreaux

N.B. Je déteste qu'on écrive : "une idée ?"
... surtout quand on ne pense même pas à (re)donner le code.
... PIRE ! quand on se contente d'ajouter : "cela ne fonctionne pas" !