If you render this code, the menu items should align horizontally
across the page. If the DIV tag is removed around "Search Library",
you'll see what I mean. However, with the DIV tag in place, "Search
Library" jumps up above "Get Alerts".
I want the DIV styling to only turn the text a light gray and nothing
else. There should be no other reformatting or moving of text.
Perhaps a DIV isn't the correct tag. I'm open to any suggestions.
<style>
A.menu:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A.menu:hover {
TEXT-DECORATION: underline
}
</STYLE>
<TABLE cellSpacing=0 cellPadding=0 width='96%' border=0>
<TBODY>
<TR>
<TD colSpan=2><IMG height=5
src='http://www.marketingsherpa.com/images/dot-640.gif'
width=640
border=0><BR></TD></TR>
<TR>
<TD vAlign=center align=right><A class=menu
href='http://cl.exct.net/?ffcd16-fe5d157477640275701c-fe1b1378716d067e701278'
target=_blank><div id="sample1" style="color: #E0E0E0;
width: 0.1em; white-space: nowrap;">Search Library</div></A>
<SMALL>|</SMALL> <A class=menu
href='http://cl.exct.net/?ffcd16-fe5c157477640275701d-fe1b1378716d067e701278'
target=_blank>HelpWanteds</A> <SMALL>|</SMALL> <A
class=menu
href='http://cl.exct.net/?ffcd16-fe641574776402757314-fe1b1378716d067e701278'
target=_blank>Bestselling Reports</A> <SMALL>|</SMALL> <A
class=menu
href='http://cl.exct.net/?ffcd16-fe631574776402757315-fe1b1378716d067e701278'
target=_blank>Join/Leave Lists</A> <SMALL>|</SMALL> <A
class=menu
href='http://cl.exct.net/?ffcd16-fe621574776402757316-fe1b1378716d067e701278'
target=_blank>Get Alerts</A> <SMALL>|</SMALL> </TD>
<TD vAlign=center align=middle><A
href='http://cl.exct.net/?ffcd16-fe611574776402757317-fe1b1378716d067e701278'
target=_blank><IMG height=14
src='http://www.marketingsherpa.com/images/rss.gif'
width=30
border=0></A></TD></TR>
<TR>
<TD colSpan=2><IMG height=5
src='http://www.marketingsherpa.com/images/dot-640.gif'
width=640
border=0><BR></TD></TR></TBODY></TABLE>
Thanks,
Brett