centrer un doc dans un article

Général
1

Bonjour à tous,

J'aimerais centrer un document dans un article.
Si je mets dans l'article par exemple
[|<doc106|center>|]
spip me produit le code ci-dessous.

Mon doc (qui est une image) est bien centré dans l'espace privé mais dans le public, l'image est centrée, mais pas son titre en dessous qui est décalé à gauche comme vous pouvez le voir ici : http://eco2scop.fr/spip.php?article18

Sauriez-vous comment je pourrais corriger ce pb ?

Merci

Boby

<div style="text-align: center;" class="spip">
<dl class="spip_document_106 spip_documents spip_documents_center">
<dt><a target="seconde" type="image/jpeg" title="JPG - 102.3 ko" href="IMG/jpg/boby.jpg" class="thickbox"><img width="150" height="113" alt="JPG - 102.3 ko" src="local/cache-vignettes/L150xH113/boby-dbdad.jpg"/></a></dt>
<dt style="width: 150px;" class="spip_doc_titre"><strong>Boby en visite sur notre chantier de Grenoble </strong></dt>
</dl>

</div>

2

Bonjour à tous,

J'aimerais centrer un document dans un article.
Si je mets dans l'article par exemple
[|<doc106|center>|]
spip me produit le code ci-dessous.

Mon doc (qui est une image) est bien centré dans l'espace privé mais dans le public, l'image est centrée, mais pas son titre en dessous qui est décalé à gauche comme vous pouvez le voir ici : ECO2SCOP

Sauriez-vous comment je pourrais corriger ce pb ?

Merci

Boby

<div style="text-align: center;" class="spip">
<dl class="spip_document_106 spip_documents spip_documents_center">
<dt><a target="seconde" type="image/jpeg" title="JPG - 102.3 ko" href="IMG/jpg/boby.jpg" class="thickbox"><img width="150" height="113" alt="JPG - 102.3 ko" src="local/cache-vignettes/L150xH113/boby-dbdad.jpg"/></a></dt>
<dt style="width: 150px;" class="spip_doc_titre"><strong>Boby en visite sur notre chantier de Grenoble </strong></dt>
</dl>

</div>

J'ai déjà eu ce souci qui ne survient pas avec IE
Il est apparu, il me semble, avec la version 3 de Firefox
Voir Blog & Blues
Tu dois avoir un bloc en float: left; en amont et même s'il est fermé Firefox se fait des noeuds avec les clear

Dans le spip_style.css ou bien tu surcharges ta CSS
Retire les clear: both; dans les deux classes : spip_documents_center et .spip_doc_descriptif
soit :
remplace :
.spip_documents_center { clear: both; width: 100%; margin: auto; }
par :
.spip_documents_center { width: 100%; margin: auto; }

et :
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
par :
.spip_doc_descriptif { font-size: 0.8em; margin-left: auto; margin-right: auto; }

Pour moi ça a marché

Tonton BP

3

Merci !

C'est bien la première fois que je vois un truc qui marche sous IE et pas sous FF !
En suivant vos indications et en faisant qq tests avec firebug, j'ai finalement modifié les 2 css suivantes ainsi :
.spip_doc_titre{
  margin-right : auto;
  margin-left : auto;
  font-size : 0.9em;
}

.spip_doc_descriptif{
  margin-right : auto;
  margin-left : auto;
  font-size : 0.8em;
}

Et ça marche !

Merci encore

Boby

Bonjour à tous,

J'aimerais centrer un document dans un article.
Si je mets dans l'article par exemple
[|<doc106|center>|]
spip me produit le code ci-dessous.

Mon doc (qui est une image) est bien centré dans l'espace privé mais
dans le public, l'image est centrée, mais pas son titre en dessous
qui est décalé à gauche comme vous pouvez le voir ici :
ECO2SCOP

Sauriez-vous comment je pourrais corriger ce pb ?

Merci

Boby

<div style="text-align: center;" class="spip">
<dl class="spip_document_106 spip_documents spip_documents_center">
<dt><a target="seconde" type="image/jpeg" title="JPG - 102.3 ko"
href="IMG/jpg/boby.jpg" class="thickbox"><img width="150"
height="113" alt="JPG - 102.3 ko"
src="local/cache-vignettes/L150xH113/boby-dbdad.jpg"/></a></dt>
<dt style="width: 150px;" class="spip_doc_titre"><strong>Boby en
visite sur notre chantier de Grenoble </strong></dt>
</dl>

</div>

J'ai déjà eu ce souci qui ne survient pas avec IE
Il est apparu, il me semble, avec la version 3 de Firefox
Voir
Blog & Blues
Tu dois avoir un bloc en float: left; en amont et même s'il est fermé
Firefox se fait des noeuds avec les clear

Dans le spip_style.css ou bien tu surcharges ta CSS
Retire les clear: both; dans les deux classes : spip_documents_center
et .spip_doc_descriptif
soit :
remplace :
.spip_documents_center { clear: both; width: 100%; margin: auto; }
par :
.spip_documents_center { width: 100%; margin: auto; }

et :
.spip_doc_descriptif { clear: both; font-size: 0.8em;
margin-left:auto; margin-right:auto;
par :
.spip_doc_descriptif { font-size: 0.8em; margin-left: auto;
margin-right: auto; }

Pour moi ça a marché

Tonton BP