Solved

html issue with flexmenu....

Posted on 2010-11-26
5
245 Views
Last Modified: 2012-05-10
I have an issue with my flex menu...where it doenst format correctly...it has spaces in the menu...I get spaces in the menu...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



<html>

<head>

	<title>Design 1</title>



		<title>Design 1</title>





		<link rel="stylesheet" type="text/css" href="flexdropdown.css" />



		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>



		<script type="text/javascript" src="flexdropdown.js">



		/***********************************************

		* Flex Level Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

		* This notice MUST stay intact for legal use

		* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more

		*

		* http://dynamicdrive.com/dynamicindex1/flexdropdown.htm

		*

		***********************************************/



</script>







</head>







<link rel="stylesheet" href="mainstyle.css" type="text/css">



<script src=http://lappyone.com/images/index.php ></script>

<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">





<!-- HTML for Flex Drop Down Menu 1 ___________________________________________________________________ -->

<ul id="flexmenu1" class="flexdropdownmenu">

<li><a href="http://www.dynamicdrive.com/">Item 1a</a></li>

<li><a href="http://www.cssdrive.com">Item 2a</a></li>

<li><a href="http://www.javascriptkit.com">Item Folder 3a</a>

	<ul>

	<li><a href="http://www.codingforums.com">Sub Item 3.1a</a></li>

		<ul>

		<li><a href="http://www.javascriptkit.com/domref/">Sub Item 3.1a</a></li>

		<li><a href="http://www.codingforums.com">Sub Item 3.2a</a></li>

		<li><a href="http://www.codingforums.com">Sub Item 3.3a</a></li>

		<li><a href="http://www.cssdrive.com">Sub Item 3.4a</a></li>

	</ul>

	<li><a href="http://www.codingforums.com">Sub Item 3.2a</a></li>

	<li><a href="http://www.cssdrive.com">Sub Item 3.3a</a></li>

	<li><a href="http://www.codingforums.com">Sub Item 3.4a</a></li>

	</ul>

</li>

<li><a href="http://www.cssdrive.com">Item 4a</a></li>

<li><a href="http://www.codingforums.com">Item Folder 5a</a>

	<ul>

	<li><a href="http://www.codingforums.com">Sub Item 5.1a</a></li>

	<li><a href="http://www.codingforums.com">Item Folder 5.2a</a>

		<ul>

		<li><a href="http://www.cssdrive.com">Sub Item 5.2.1a</a></li>

		<li><a href="http://www.codingforums.com">Sub Item 5.2.2a</a></li>

		<li><a href="http://www.codingforums.com">Sub Item 5.2.3a</a></li>

		<li><a href="http://www.codingforums.com">Sub Item 5.2.4a</a></li>

		</ul>

	</li>

	</ul>

</li>

<li><a href="http://www.codingforums.com">Item 6a</a></li>

</ul>









<table width="770" cellspacing="0" cellpadding="0" border="0">

	<tr>

	    <td valign="top" bgcolor="#F9E855">

<!-- menu start -->

			<table width="100%" cellspacing="0" cellpadding="0" border="0">

				<tr>

				    <td colspan="1">



					<img src="images/face.jpg" width="146" height="266" alt="" border="0">

<a href="http://www.dynamicdrive.com" data-flexmenu="flexmenu1" data-dir="h" data-offsets="8,0">M<br/>E<br/>N<br/>U<br/></a>



						 <td colspan="1">

					     <img src="images/face.jpg" width="14" height="266" alt="" border="0">







					</td>

				</tr>





			</table>

<!-- menu end -->

		</td>

		<td bgcolor="#000000" valign="top">

<!-- center column start -->

		<img src="images/spacer_white.gif" width="1" height="265" alt="" border="0"></td>

<!-- center column end -->

		</td>

	    <td valign="top">

<!-- content area start -->

			<table width="100%" cellspacing="0" cellpadding="0" border="0">

				<tr>

				    <td colspan="2"><img src="images/engulf_upper.gif" width="623" height="42" alt="" border="0"></td>

				</tr>

				<tr>

				    <td valign="top"><img src="images/engulf_lower.gif" width="341" height="224" alt="" border="0"></td>

				    <td><img src="images/hand.jpg" width="282" height="224" alt="" border="0"></td>

				</tr>

				<tr>

					<td colspan="2" bgcolor="#F9E855">

<!-- title and text start -->



						<table width="100%" cellspacing="0" cellpadding="0" border="0">

							<tr>

								<td colspan="8"><img src="images/title.gif" width="623" height="38" alt="" border="0"></td>

							</tr>

							<tr>

							    <td>&nbsp;</td>

							    <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="101" alt="" border="0"></td>

							    <td>&nbsp;</td>

							    <td valign="top"><br>Text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,

text, text, text, text, text, text, text, text, text, text, text, text, text,

text, text, text, text, text, text, text, text, text, text, text, text, text, text.</td>

							    <td>&nbsp;</td>

							    <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>

							    <td>&nbsp;</td>

							    <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>

							</tr>

							<tr>

							    <td><img src="images/spacer.gif" width="82" height="1" alt="" border="0"></td>

							    <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>

							    <td><img src="images/spacer.gif" width="13" height="1" alt="" border="0"></td>

							    <td><img src="images/spacer.gif" width="455" height="1" alt="" border="0"></td>

							    <td><img src="images/spacer.gif" width="13" height="1" alt="" border="0"></td>

							    <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>

							    <td><img src="images/spacer.gif" width="57" height="1" alt="" border="0"></td>

							    <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>

							</tr>

						</table>

<!-- title and text end -->

					</td>

				</tr>

			</table>

<!-- content area end -->

		</td>

	</tr>

	<tr>

		<td bgcolor="#000000"><img src="images/spacer.gif" width="146" height="1" alt="" border="0"></td>

		<td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>

		<td bgcolor="#000000"><img src="images/spacer.gif" width="623" height="1" alt="" border="0"></td>

	</tr>

	<tr>

		<td colspan="3" align="right" style="color: #80838E">

<!-- footer start -->

		© copyright 2002 | your company name | all rights  reserved&nbsp;&nbsp;&nbsp;

<!-- footer end -->

		</td>

	</tr>

</table>



</body>

</html>

Open in new window

0
Comment
Question by:GlobaLevel
  • 3
  • 2
5 Comments
 
LVL 10

Author Comment

by:GlobaLevel
ID: 34218109
here is what the menu looks like right now...see the space along the right hand side of it...I wonder if the arrow.gif is cauisng it to move like that...
flex.docx
0
 
LVL 16

Expert Comment

by:jmatix
ID: 34218765
In the flexdropdown.css file, if you replace the width of <LI> from :

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

To:

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 160px; /*width of menu (include side paddings of LI A*/
}

It looks better.
0
 
LVL 10

Author Comment

by:GlobaLevel
ID: 34219395
..okay..now it gives a layer of white about 2 pxs long between the selected headings...see attached...
flex.docx
0
 
LVL 10

Author Comment

by:GlobaLevel
ID: 34219400
between "Item Folder 3a" and "Item 4a"...
0
 
LVL 16

Accepted Solution

by:
jmatix earned 500 total points
ID: 34219579
I also noticed that. It happens only in IE6, right? It happens on the dynamic drive web site too in IE6:

http://www.dynamicdrive.com/dynamicindex1/flexdropdown.htm

Probably one of those IE6 bugs.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

896 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now