• Registered: 2013-02-14
  • Posts: 2

Topic: Juicebox killed my tags

I embedded the juicebox code to a page I named gallery.html and it worked, but the <a> tag disappeared from the h1 tag in my #header div (which was the only link to home). Also <h3> tags disappeared on another page, removing the css styling from the text.

Here's what I did. Since I already had and 'index.html' and an 'images' folder on the site, I renamed the juicebox files 'gallery.html' and 'images2' while changing all incidents of the files in the config file. Then I emptied the content of the Juicebox folder, including my styled gallery.html in place of the index file into my site's folder. The gallery looked great. What happened?

I went to copy the source code as a reference and noticed this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

So, idiotically, it looks like I have two (conflicting?) doctypes.....Now I'm guessing that's my problem. Will Juicebox work with the doctype I already have on the site or should I change it. The site is pretty simple (keysislandlife.com) if that matters.

It's starting to seem like I know a little about a lot, which can be worse than knowing nothing;)

Thanks!
Kim

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Juicebox killed my tags

I embedded the juicebox code to a page I named gallery.html and it worked, but the <a> tag disappeared from the h1 tag in my #header div (which was the only link to home). Also <h3> tags disappeared on another page, removing the css styling from the text.

Embedding a Juicebox gallery in a web page does not alter any content on the page that already exists.
All Juicebox CSS rules are applied only to elements within the gallery which require them through use of ids and classes.

Here's what I did. Since I already had and 'index.html' and an 'images' folder on the site, I renamed the juicebox files 'gallery.html' and 'images2' while changing all incidents of the files in the config file. Then I emptied the content of the Juicebox folder, including my styled gallery.html in place of the index file into my site's folder.

There is nothing wrong with what you have done (renaming files and their corresponding references within the XML file is perfectly valid) but if you have conflicting file and folder names which already exist on your web server, you can use the baseUrl method of embedding which will allow you to upload a complete gallery folder (not just the contents) keeping the gallery as a self-contained entity without needing to rename any files or folders.

I went to copy the source code as a reference and noticed this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

So, idiotically, it looks like I have two (conflicting?) doctypes.....Now I'm guessing that's my problem.

Juicebox does not automatically add a Doctype Declaration to any of your pages (and uses the HTML5 Doctype <!DOCTYPE html> in the gallery 'index.html' files) so it looks like you have introduced this second Doctype yourself.

Will Juicebox work with the doctype I already have on the site or should I change it

Yes. Juicebox should work fine with any valid Doctype.
Once you have selected an appropriate Doctype for your page, you can validate the code on your page with the W3C Markup Validation Service and fix any errors reported.

  • Registered: 2013-02-14
  • Posts: 2

Re: Juicebox killed my tags

Wow, thanks for your detailed response. Ok, I killed my tags - Juicebox is innocent!:) I went ahead and deleted the stray Doctype and that solved all the problems of my world. I think maybe my code editor automatically added it when I created a new html file and I hadn't noticed(?) Needless, to say, the gallery is working perfectly.

Thanks again for the quick and detailed follow-up.