[Problème] Mise en page colonnes

[hartclip]

Bonjour,

J'ai un petit problème depuis que j'ai mis à jour mon thème!
J'avais fait une belle mise en page bien prise de tête et l'installation du thème à tout cassé!!

J'avais par exemple sur une même ligne 4 blocs :

http://www.services-webmarketing.com/index.php/packs/pack-gestion-refonte-hebergement-gestion-du-site-referencement

Voir le code en dessous :

<div class="content-block text-center">
<h1>Les étapes en details</h1>
<h2>Passer commande, on s'occupe du reste!</h2>
<div class="block-layout-3 grid-block">
<div class="grid-box width25 grid-h" style="width: 245px;">
<div class="module mod-line deepest"><img src="images/services-webmarketing/technologies/icons-number-50.png" alt="icons-number-50" width="41" height="44" />
<h3>Commander</h3>
<p>Directement sur notre site Internet ou en contactant un de nos conseils par téléphone.</p>
</div>
</div>
<div class="grid-box width25 grid-h" style="width: 245px;">
<div class="module mod-line deepest"><img src="images/services-webmarketing/technologies/icons-number-51.png" alt="icons-number-51" width="41" height="44" />
<h3>1er contact</h3>
<p>Afin de bien serner vos besoin. Nous établissons ensemble votre cahier des charges.</p>
</div>
</div>
<div class="grid-box width25 grid-h" style="width: 245px;">
<div class="module mod-line deepest"><img src="images/services-webmarketing/technologies/icons-number-52.png" alt="icons-number-52" width="41" height="44" />
<h3>Réalisation</h3>
<p>Dans la semaine qui suit, nous réalisons votre projet en fonction du pack choisi.</p>
</div>
</div>
<div class="grid-box width25 grid-h" style="width: 245px;">
<div class="module mod-line deepest"><img src="images/services-webmarketing/technologies/icons-number-53.png" alt="icons-number-53" width="41" height="44" />
<h3>Validation</h3>
<p>Nous validons ensemble l'aboutissement de votre projet.</p>
</div>
</div>
<div class="content-block content-block-slash themes-features text-center">
<div><img style="float: right;" src="images/services-webmarketing/index.png" alt="index" width="940" height="140" />
</div>
</div>
</div>
</div>

Je n'arrive pas à voir ou l'erreur se trouve afin de remettre la 4ème etapes à la suite des autres et pas en dessous!

Si quelqu'un à une idée, merci infiniment d'avance.

Bien cordialement,
Edith Bonamy

[messinmaisoui]

Re : Mise en page colonnes

Sans garantie et vite fait car j'ai des invités qui arrivent

Je propose déjà de tester ceci ...

En enlevant les quatres styles suivants

style="width: 245px"

car dans

<div class="grid-box width25 grid-h" style="width: 245px;">

on indique (class="... width25") que la largeur d'un bloc est width: 25% et on indique aussi une taille fixe (width: 245px) pour ce bloc ce qui fait double emploi déjà à mon sens et provoque le décrochage en plus ...