• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 388
  • Last Modified:

format Flex menu...

Using a flex menu for fly out navigation....

however, I want to format the "menu" so that its:
1) indented in and centered more in that ection/box
2) instead of purple text, white
3) non-highligted...dont like the underscore...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>


		<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">


<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="#E3BB4E">
<!-- menu start -->
			<table width="100%" cellspacing="0" cellpadding="0" border="0">
				<tr>
				    <td colspan="2">


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

<!-- ____________+_+ flex menu _+_+__________________________ -->

				<tr>
				    <td>
							<tr>
					       		<td bgcolor="#000000" align="center" class="white78" valign="top"><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><td><img src="images/spacer.gif" width="5" height="1" alt="" border="0"></td>
							    <td valign="top">
							</tr>
					</td>
			    </tr>


<!-- ____________________________________ -->
				<tr>
					<td><img src="images/spacer.gif" width="31" height="30" alt="" border="0"></td>
					<td><img src="images/spacer.gif" width="115" height="1" alt="" border="0"></td>


				</tr>

			</table>
<!-- menu end -->
		</td>
	    <td bgcolor="#000000" valign="top"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>
	    <td valign="top">
<!-- body start -->
			<table width="100%" cellspacing="0" cellpadding="0" border="0">
				<tr>
					<td colspan="2" bgcolor="#E3BB4E">
<!-- title start -->

						<table width="100%" cellspacing="0" cellpadding="0" border="0">
							<tr>
								<td colspan="8"><img src="images/big_pic_1.jpg" width="623" height="38" alt="" border="0"></td>
							</tr>
							<tr>
							    <td>&nbsp;</td>
							    <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="20" alt="" border="0"></td>
							    <td>&nbsp;</td>
							    <td class="black8"><b>L&nbsp;O&nbsp;N&nbsp;G&nbsp;E&nbsp;R&nbsp;&nbsp;M&nbsp;E&nbsp;N&nbsp;U&nbsp;&nbsp;I&nbsp;T&nbsp;E&nbsp;M&nbsp;&nbsp;2</b></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 bgcolor="#000000"><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 bgcolor="#000000"><img src="images/spacer.gif" width="13" height="1" alt="" border="0"></td>
							    <td bgcolor="#000000"><img src="images/spacer.gif" width="455" height="1" alt="" border="0"></td>
							    <td bgcolor="#000000"><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 bgcolor="#000000"><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 end -->
					</td>
				</tr>
				<tr>
					<td>
						<table width="100%" cellspacing="0" cellpadding="0" border="0">
							<tr>
								<td colspan="3"><img src="images/spacer.gif" width="1" height="10" alt="" border="0"></td>
							</tr>
							<tr>
							    <td><img src="images/spacer.gif" width="5" height="1" alt="" border="0"></td>
							    <td valign="top">Enter text here


							    </td>
							    <td><img src="images/spacer.gif" width="5" height="1" alt="" border="0"></td>
							</tr>
							<tr>
							    <td><img src="images/spacer.gif" width="5" height="1" alt="" border="0"></td>
							    <td><img src="images/spacer.gif" width="460" height="1" alt="" border="0"></td>
							    <td><img src="images/spacer.gif" width="5" height="1" alt="" border="0"></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
<!-- body 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">© copyright 2002 | your company name | all rights reserved&nbsp;&nbsp;&nbsp;</td>
	</tr>
</table>

</body>
</html>

Open in new window

0
GlobaLevel
Asked:
GlobaLevel
  • 5
  • 4
1 Solution
 
GlobaLevelAuthor Commented:
here is what it looks like right now...
Doc1.doc
0
 
Sudaraka WijesingheWeb Application ProgrammerCommented:
Hi,

I'm not quite clear on the your requirement #1, if you can provide more details on how you would like to position the menu I would be able to help more.

For the other 2 requirements, since you don't have any id or class assigned to the elements I would suggest you add inline CSS styles to the A tag like the code below.
<a href="http://www.dynamicdrive.com" data-flexmenu="flexmenu1" data-dir="h" data-offsets="8,0" style="color:#ffffff; text-decoration:none;">M<br/>E<br/>N<br/>U<br/></a>

Open in new window

0
 
GlobaLevelAuthor Commented:
Any way it can be white un highlighted text??
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
GlobaLevelAuthor Commented:
any help here?
0
 
Sudaraka WijesingheWeb Application ProgrammerCommented:
What do you mean by unhighlighted? black text on white background?
0
 
GlobaLevelAuthor Commented:
In this section, I want white text on black background...bc its a link, its has an underline..and Iwant to get rid of the underline....



<!-- ____________+_+ flex menu _+_+__________________________ -->

                        <tr>
                            <td>
                                          <tr>
                                                 <td bgcolor="#000000" align="center" class="white78" valign="top"><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><td><img src="images/spacer.gif" width="5" height="1" alt="" border="0"></td>
                                              <td valign="top">
                                          </tr>
                              </td>
                      </tr>


<!-- ____________________________________ -->
0
 
Sudaraka WijesingheWeb Application ProgrammerCommented:
Did you try adding the the style I suggested? What wasn't working on it?
<!-- ____________+_+ flex menu _+_+__________________________ -->

                        <tr>
                            <td>
                                          <tr>
                                                 <td bgcolor="#000000" align="center" class="white78" valign="top"><a href="http://www.dynamicdrive.com" data-flexmenu="flexmenu1" data-dir="h" data-offsets="8,0" style="color:#ffffff; text-decoration:none;"  >M<br/>E<br/>N<br/>U<br/></a>
                                                 </td><td><img src="images/spacer.gif" width="5" height="1" alt="" border="0"></td>
                                              <td valign="top">
                                          </tr>
                              </td>
                      </tr>


<!-- ____________________________________ -->

Open in new window

0
 
GlobaLevelAuthor Commented:
that did it!
0
 
Sudaraka WijesingheWeb Application ProgrammerCommented:
Glad to help. Thanks for the points.
0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

  • 5
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now