Solved

html issue with flexmenu....

Posted on 2010-11-26
5
250 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

Question has a verified solution.

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

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

738 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