Solved

html issue with flexmenu....

Posted on 2010-11-26
5
246 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

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 describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

815 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

12 Experts available now in Live!

Get 1:1 Help Now