3 replies [Last post]
HardAtWork2
HardAtWork2's picture
Offline
newbie
Last seen: 5 years 40 weeks ago
Timezone: GMT-5
Joined: 2014-10-21
Posts: 5
Points: 7

Hi. Thanks for the help with my drop-down menu. I posted elsewhere that I was trying to switch from hard-coding it into each page to using an iframe to import it to the page and thought I had it working.

I only just noticed that the links in my breadcrumbs or my images do not work underneath where the drop-down menu has to go in order to be positioned properly on the page. I also can not see under it to edit in Dreamweaver.

Maybe I'm looking for something other than css help... just a little weary working on this.

Here is the link to my drop down menu as imported with the iframe: Any insights appreciated.

Test page

HardAtWork2
HardAtWork2's picture
Offline
newbie
Last seen: 5 years 40 weeks ago
Timezone: GMT-5
Joined: 2014-10-21
Posts: 5
Points: 7

css menu

If it helps:

<iframe src="/menu.html" style="position: absolute; width: 838px; height: 100%; top: 81px; bottom: 0; z-index: 1000; border: 0;" scrolling="no"></iframe>

And the css

/* Begin CSS Drop Down Menu */
 
#menuh-container
	{
	position: relative;	
	top: 0em;
	/* below keeps background from stretching 100% on front page*/
	/* background: url(bluetilebck.jpg); */
	/* commented out as does not seem to be needed */
	/*left: 1em; */
	}
 
#menuh
	{
	position: relative; /*centers in IE for the ubbclassic forum*/
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	width:84em;
	margin-left:auto; /*centers in Fire Fox - thanks downtap of csscreater.com */
	margin-right:auto; /*centers in Fire Fox - thanks downtap of csscreater.com */
	}
 
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #006699;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
 
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #ffffff;
	background: url(bluetilebcklite.jpg);
	text-decoration:none;
	}
 
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #990000;
	background: url(sandtilebck.jpg);
	text-decoration:none;
	}	
 
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	font-size:12px;
	background-position: right center;
	background-repeat: no-repeat;
	}
 
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-position: right center;
	background-repeat: no-repeat;
	}
 
#menuh ul
	{
	list-style:none;
	margin: 0;
	padding:0;
	float:left; 	/* this keeps the cells horizontal as apposed to a vertical list */
	width:14em;	/* width of all menu boxes */
	}
 
#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}
 
#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto; /* centers child under parent - thanks downtap of csscreater.com */
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}
 
#menuh ul ul ul
	{
	top:0;
	left:100%;
	}
 
div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}
 
 
 
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}
 
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
 
/* End CSS Drop Down Menu */

HardAtWork2
HardAtWork2's picture
Offline
newbie
Last seen: 5 years 40 weeks ago
Timezone: GMT-5
Joined: 2014-10-21
Posts: 5
Points: 7

(No subject)

Puzzled

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

no no please don't use an

no no please don't use an iframe for importing template parts, this is what PHP does - most servers have a server side scripting language, web hosts running Linux stacks will nearly always be running PHP, so look up php includes or better still please search this forums archives as over the last 10 years we have provided this answer and in greater detail many many times!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me