Creating a website, all is going fine, but then I randomly load up the "/reading.html" and everything has collapsed, yet in Dreamweaver window previes all appears fine, as soon as you click preview in webpage/or live web page the whole thing has collapsed.
Bizzarre and have no idea why it is happening yet. Certain images are simply not loading; "swishshort.jpg" "reading%20border3.png" and so forth. I am sure there is something extremely simple which I am missing right now but clearly I am blind to it this second.
Live webpage link:
Style (needs to be cleaned up!):
Style for one reading border:
Many thanks in advance.
margin-bottom: 5 px;
Don't ever put block elements inside inline elements. If you do, in most cases, nothing bad will happen. If you do, watch out. It's better not to do it. Here's what the W3C spec says http://www.w3.org/TR/REC-html40/struct/global.html#block-inline.
Once you have removed the opening SPAN tag (there is no closing tag), I'll have another look.
First off, xtdMenuBuild.js manipulates the document by adding the following inline style rules
When I look at the generated markup I see the following
<!-- (FlexiMenusJS Begin) #Entasis -->
<div style="position: relative;" id="FMJS_Entasis_root"><div style="height:1px;width:1px;overflow:hidden;" id="FMJS_Entasis_rootpreloader"> <br><img src="http://www.entasistours.com/includes/FlexiMenusJS/skins/adobe/images_g rayallaround_dropdown
Also I have noticed that the problem occurs only in IE9 and IE10.
Because I do not know enough about the menu that you have used, I can only suggest that you wait for a more knowledgeable person to come along or go to a website that deals with the used menu system.
I should have posted an image of what reading.html is meant to look like, please bear with me, I am working on it. If I have not resolved it I will try again.
Please do not spend anytime on this when you see this message. Many thanks.