Hello folks,
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.
.readingtextborder{
width:475px;
height:173px;
background:url(../images/reading%20border%201.png);
margin-top: 20px;
margin-left: 36px;
margin-right: 10px;
margin-bottom: 5 px;
text-align:justify;
padding-left: 13px;
padding-top: 10px;
padding-right: 165px;
}
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
{
position: absolute;
top: 0px;
left: 23px;
overflow: hidden;
z-index: 1;
width: 824px;
height: 27px;
}
When I look at the generated markup I see the following
<div align="left">
<!-- (FlexiMenusJS Begin) #Entasis -->
<div style="width: 857px; height: 27px;" id="FMJS_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.
North America
Europe, Middle East and Africa
Asia Pacific