Centrer plusieurs images en CSS, impossible ?

Version imprimable

03/08/2006, 19h09
koskoz

Centrer plusieurs images en CSS, impossible ?

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:

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.
03/08/2006, 21h40
Linaa

Bonjour,

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

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

Code:

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

03/08/2006, 22h40
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> ?
03/08/2006, 22h55
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.