Supprimer les ascenseurs d'une page

Version imprimable

19/03/2013, 15h01
yoana

2 pièce(s) jointe(s)

Supprimer les ascenseurs d'une page

Bonjour à tous,
Petite nouvelle sur le forum et totalement perdue!
Je me suis improvisée informaticienne sur le site de ma boite (stage, quand tu nous tiens...) mais il semblerait que j'ai mal agit...

En bref j'ai essayé de supprimer les ascenseurs sur la page d'accueil du site afin de les remplacés par des "lire la suite" (cf screenshot 1)
Puis j'ai effectué cela pour chaque petit article SAUF que le petit liseré vert présent sous 'lire la suite" n'apparait plus sous tous les topics et se retrouve en masse en bas de page du site (cf screenshot 2).

Quelqu'un peut-il m'aider je vous en supplie?

Merci d'avance :oops:
19/03/2013, 15h06
rodolphebrd

Bonjour,

Avec un peu de code ou un lien vers votre site on pourra voir...
19/03/2013, 15h13
yoana

http://www.familycompagnie.com/
Voilà mon site! :( c'est visible sur la page d'accueil!
Merci beaucoup
19/03/2013, 17h01
rodolphebrd

C'est visiblement un problème d'imbrication de DIV.

le border-bottom s'applique donc aux DIV qui sont toutes fermées en fin de "flux".

Par contre une disposition en tableau c'est préhistorique et peu souple :aie:.

Concernant votre colonne droite une liste (LI) ferait amplement l'affaire avec un code allégé.

Sinon le site est pas mal côté design.:)

Merci beaucoup!

Je pense comprendre désormais d'où viens le problème mais je n'arrive pas à modifier le code, de peur de créer d'autres problèmes!

Puis-je vous demander de m'indiquer concrètement la marche à suivre s'il vous plait?

J'ai l'exemple du code du focus "I love ma mamie...", qui me semble correct car la bordure verte est affichée:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<h2>« I love ma mamie »…</h2>
<img alt="Mamif2013p11-Thierry-Lewemberg-Sturm.jpg" src="images/stories/Mamif2013p11-Thierry-Lewemberg-Sturm.jpg.jpg" height="145" width="219" /><br />
<p style="text-align: left;">... était le mot d'ordre de la "Mamif'" qui a pris place dimanche 3 mars dernier à Paris.</p>
<hr id="system-readmore" />
<br />
<h2>« I love ma mamie »…</h2>
<br /><img alt="Mamif2013p11-Thierry-Lewemberg-Sturm.jpg" src="images/stories/Mamif2013p11-Thierry-Lewemberg-Sturm.jpg.jpg" height="145" width="219" /><br /><br />
<div>... était le mot d'ordre de la "Mamif'" qui a pris place dimanche 3 mars dernier à Paris.</div>
Après une communication menée grâce à une chorégraphie pétillante et sexy orchestrée par des mamies à la page et sur le titre Gangnam Style de l'artiste coréen Psy, c'est plus de 800 enfants, petits-enfants, grands-pères et "mamilitantes" (comme ces-dernières aiment se faire appeler) qui sont descendus dans les rues de la capitale afin de véhiculer un magnifique message d'amour et de fierté!<br />
<div style="text-align: left;"><br />Mamie gâteau peut-être, mamie gâteuse, certainement pas! <br />On aime nos grands-mères et on le leur dit:</div>
Bonne fête mamie!<br /><br />Encore plus d'amour et d'actualités sur: <a href="http://blog.ilovemagrandmere.fr/"><span style="text-decoration: underline;">http://blog.ilovemagrandmere.fr/</span></a>
<p> </p>

Mais le focus suivant, "Till the Cat", affiche un problème car il n'affiche pas cette bordure:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<h2>Et PAF un papa blogueur !</h2>
<img src="images/stories/accueil/tillthecatbann.gif" alt="tillthecatbann" height="179" width="220" />
<div class="no">
<p style="text-align: left;">Till the Cat fait partie des 6% de PAF, petit nom donné aux pères au foyer et tient un blog depuis 2007.</p>
<hr id="system-readmore" />
<br />
<h2>Et PAF un papa blogueur !</h2>
<p> </p>
<p style="text-align: left;"><img src="images/stories/accueil/tillthecatbann.gif" alt="tillthecatbann" height="179" width="220" /></p>
<p style="text-align: left;"> </p>
<p style="text-align: left;">Till the Cat fait partie des 6% de PAF, petit nom donné aux pères au foyer et tient un blog depuis 2007.</p>
<p style="text-align: left;"> </p>
<p style="text-align: left;">Anecdotes, astuces et coups de gueule sont au rendez vous sur le site de ce papa de deux "miniatures" de 4 et 6 ans qui écrit toujours avec humour. Vedette de la blogosphère parentale près de 95% de ses lecteurs sont des femmes !</p>
<p style="text-align: left;">Fort de ses expériences personnelles avec ses deux filles, Till the Cat est également rédacteur Web pour certains sites liés à la petite enfance comme momes.net, site dédié aux enfants et à leurs parents où ce papa blogueur tient actuellement une chronique sur les élections présidentielles expliquées aux enfants.</p>
<p style="text-align: left;"> </p>
<p style="text-align: left;">Une dernière chose à savoir, ce papa blogueur ne supporte pas que l'on remette en question l'aptitude des pères au foyer (et c'est bien normal) alors attention sinon ... PAF !</p>
<p style="text-align: left;"><br />Pour lui rendre une petite visite : <a href="http://www.tillthecat.com/" title="Till the Cat" class="jce_file"> Till the Cat</a></p>
<p> </p>
</div>

Que faire?
Merci d 'avance

En fait les blocs mod_placehere_following (odd et even) ne sont pas fermés

lorsque vous avez

Code:

1
2
3
4
5
6
7
8
<div class="mod_placehere_following odd" style="float:left;width:100%">
<p class="buttonheading"> </p>
<h2>La famille d'abord !</h2>
<img width="220" height="150" alt="papa_bb" src="/images/stories/accueil/papa_bb.jpg">
<div class="no">
  <p style="text-align: left;"> On vous l'avait bien di... adhéré à la charte de <strong>l'Observatoire de la parentalité en entreprise.</strong> </p>
  <a class="readon" href="/focus/focus/la-famille-dabord/"> Lire la suite > </a> 
  </div>

pensez à ajouter une DIV fermante après <div class="no">

Code:

1
2
3
4
5
6
7
8
<div class="mod_placehere_following odd" style="float:left;width:100%">
<p class="buttonheading"> </p>
<h2>La famille d'abord !</h2>
<img width="220" height="150" alt="papa_bb" src="/images/stories/accueil/papa_bb.jpg">
<div class="no"></div>
  <p style="text-align: left;"> On vous l'avait bien di... adhéré à la charte de <strong>l'Observatoire de la parentalité en entreprise.</strong> </p>
  <a class="readon" href="/focus/focus/la-famille-dabord/"> Lire la suite > </a> 
  </div>

21/03/2013, 10h45
yoana

Merci beaucoup!
J'ai pu rectifier mon erreur! :D