Solved

html issue with flexmenu....

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

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

743 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

16 Experts available now in Live!

Get 1:1 Help Now