Community @ The Turning Gate

pideja

Member

From: Montreal

Registered: 2013-02-26

Posts: 1,299

Strange behavior

It's sort of like "two steps forward, one step back!"

I just finished installing a link towards a pdf file on both the Fr and En sides. Lo and behold, on the Fr side, two icons appear, each leading to the corresponding Fr and En pdf's. Only one, the correct one appears on the En side.

But wait, there's more! This manoeuvre plays havoc with the navigation that shifted to the left on both "About" and "A propos" pages.

I'm investigating.

The code used to do all this:

<div data-lang="fr">
<p>Après un Bac en Arts et Communication à Loyola-Concordia, Marc Charlebois se retrouve sur le plateau de "Quintet" de Robert Altman en février 1978. Il est en charge de l’épandage de sel sur les escaliers qui mènent aux plateaux arrosés la nuit par les pompiers et du 'Kraft'.</p>
<p>Il a surtout la chance d’assister aux projections de tous les 'rushes' du directeur de la photographie Jean Boffety.</p>
<p>Dans les quelques vingt années qui suivent il travaille comme assistant-éclairagiste et chef-éclairagiste. 
Il a la chance de côtoyer des directeurs de la photographie inspirants tel que Thomas Vamos, Alain Dostie, Guy Dufaux, Pierre Mignot, Karol Ike, Lajos Koltaï, Raoul Coutard, François Catonné, Michel Brault 
et Philippe Rousselot.</p>
<p>Marc Charlebois fait de la direction photo depuis 1993.</p>
<p><br>Un CV complet et téléchargeable est disponible en cliquant sur le bouton rouge...</p>
<a href="https://www.pideja.ca/marco/pdf/CV-Fr.pdf"><img src="https://pideja.ca/marco/backlight/designer/page/image/16" width="64" class="aligncenter" alt="CV téléchargeable" title="CV Marc Charlebois" style="border: 1px red solid;"></a></div>

<div data-lang="en">

<p>A complete resume is available by cliking the red icon.</p></div>
<a href="https://www.pideja.ca/marco/pdf/CV_En.pdf"><img src="https://pideja.ca/marco/backlight/designer/page/image/16" width="64" class="aligncenter" alt="CV téléchargeable" title="CV Marc Charlebois" style="border: 1px red solid;"></a></div>

What did I miss?

Daniel Leu

Moderator

Registered: 2012-10-11

Posts: 1,624

Website

Re: Strange behavior

Two opening and three closing divs..... </divs>

This one is too early:

<p>A complete resume is available by cliking the red icon.</p></div>

---

Daniel Leu | Photography   
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com

rod barbee

Moderator

From: Port Ludlow, WA USA

Registered: 2012-09-24

Posts: 17,830

Website

Re: Strange behavior

If you write your html in a good text or code editor, it will show your errors. You can also use online validators.

One trick is to write out your structure first and then fill it in. So create the empty divs then start adding paragraphs, etc.

<div>
  <h2>

  </h2>
  <p>

  </p>
  <p>

  </p>
</div>

---

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

pideja

Member

From: Montreal

Registered: 2013-02-26

Posts: 1,299

Re: Strange behavior

I will certainly plan ahead in future HTML text composing, Rod.
However, this time I think I found the offending characters.

It's Daniel who pointed the way in indicating that the first English text line was "too early". In fact, upon further review (I miss the NFL) I found that there was a </div> at the end of the first line of English text. Removed it and voilà!

Thanks, guys.

rod barbee

Moderator

From: Port Ludlow, WA USA

Registered: 2012-09-24

Posts: 17,830

Website

Re: Strange behavior

page elements moving to strange places is a good indication of a missing opening or closing div tags.
been there, done that. more than once

---

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

pideja

Member

From: Montreal

Registered: 2013-02-26

Posts: 1,299

Re: Strange behavior

Good to know I am not alone!

Cheers