Home/ Questions/Q 9032495
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T07:59:41+00:00

I built a static site initially and am now in the process of converting

  • 0

I built a static site initially and am now in the process of converting it to a wordpress site. You can find it here The last image in the right column, when clicked, should open up a fancybox and play a video. It worked very well in the static site, but for some reason in wordpress the box appears at the bottom of the page instead of the center. I’m pretty sure it is seeing the css because I can click on the link and find it.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is the result of the validation of your page

    http://validator.w3.org/check?uri=http://training.mercury.stellarbluewebdesign.com/LittlestTumorFoundation/

    Notice the comment : 

    Byte-Order Mark found in UTF-8 File.
The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files
is known to cause problems for some text editors and older
browsers.

    Also notice

    Line 1, Column 1: Non-space characters found without seeing a 
doctype first. Expected <!DOCTYPE html>

    Passing your code through an editor in ansi mode (and showing all symbols), this is what I get :

    enter image description here

    Those preceding hidden characters before the DOCTYPE in your document makes your browser run in quirks mode hence the unexpected behavior of fancybox (which needs the document in standards mode to run properly)

    What you have to do is to save your WP (php) files in an editor using UTF-8 without BOM encoding and upload them again (and alternatively forcing your ftp software to upload in binary mode)

    • 0