Discussion :

[koskoz]

Salut tout le monde,
pour mon premier post ici, je d�sesp�re compl�tement.
En effet, j'ai d�j� parcouru pas mal de forums et personne ne semble trouver de solution � mon probl�me.

Je vais donc tenter de vous l'expliquer clairement.
J'ai une interface de news dont la mise en page est g�r�e via wikirender.
A la base, les propri�t� de wikirender ne permettent pas de centrer des images, juste de les aligner sur la droite ou sur la gauche.

J'ai donc rajout� deux petites lignes de code (en fait, un copier/coller de l'alignement sur la droite/gauche, juste modifier le style).

Le probl�me, c'est qu'il m'est impossible d'aligner mes images via la CSS.
Wikirender ne me permet pas d'inclure de code html dans l'interface pour poster mes news, je ne peux donc pas entourer toutes les images de ma news d'un simple div.
Je peux par contre appliquer le m�me style pour chaque image, ou alors encadrer chaque image du m�me div, mais �a, �a ne me plait pas trop.

Ce n'est pas la peine de me proposer �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

display:block; margin:0 auto;

Ca ne r�gle pas le probl�me puisque les images sont bien centr�es verticalement, mais pas sur la m�me ligne, en colonne.

Or, je veux que mes images soient centr�es sur la m�me ligne.

Voil�, si quelqu'un trouve une solution, �a me serait d'un grand secours, merci d'avance.

[Linaa]

Bonjour,

Peux-tu montrer la partie du code qui affiche les images sur la m�me ligne ?

[koskoz]

Je sais pas trop de quoi tu veux parler mais �a c'est la fonction php qui g�n�re les images :

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
17
18
19
20
21
22
23
24
function wikibuildimage($contents, $attr){
   $cnt=count($contents);
   $attribut='';
   if($cnt > 4) $cnt=4;
   switch($cnt){
      case 4:
         $attribut.=' longdesc="'.$contents[3].'"';
      case 3:
         if($contents[2]=='l' ||$contents[2]=='L' || $contents[2]=='g' || $contents[2]=='G')
            $attribut.=' style="float:left;"';
         elseif($contents[2]=='r' ||$contents[2]=='R' || $contents[2]=='d' || $contents[2]=='D')
            $attribut.=' style="float:right;"';
		 elseif($contents[2]=='C' ||$contents[2]=='c')
            $attribut.='';			
      case 2:
         $attribut.=' alt="'.$contents[1].'"';
      case 1:
      default:
         $attribut.=' src="'.$contents[0].'"';
         if($cnt == 1) $attribut.=' alt=""';
   }
   return '<img'.$attribut.' />';
 
}

Si tu parle de CSS, bah toutes les images si elles sont ensemble sont dans un <p></p>.

Tu peux voir ce que �a donne l�.

[backeyes]

Bonsoir,

Je sais pas si j'ai bien tout compris � ton probl�me, mais pourquoi pas appliquer un text-align:center; en css par exemple si elles sont dans un <p> ?

[koskoz]

Parce que je ne peux pas distinguer le p.

La news �tant stock� en bdd et les images sont sous forme d'url.

A chaque saut de ligne j'ai le droit � un nouveau paragraphe, image ou pas.