Help with formatting

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

brett wrote:

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.

<div id="sample1" style="color: #E0E0E0; width: 0.1em; white-space:
nowrap;">Search Library</div>

cut_crap will give:

<div style="color: #E0E0E0;">Search Library</div>

What are you talking about? This doesn't do anything.

brett wrote:

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.

"you'll see what i mean" is for sure the worst possible description of
what you actually want !!

what i saw was that "Search Library" poppud up in different places in IE
and mozilla, and that is what i thought was propably what you meant.

next time you better explain in understandable terms what you actually
want and what your problem is !

What are you talking about? This doesn't do anything.

anyway, maybe you are more happy with another solution, which is of
course also just a guess as it is not clear what you mean at all.

<A style="color: #e0e0e0;" class=menu
href='http://cl.exct.net/?ffcd16-fe5d157477640275701c-fe1b1378716d067e701278'
target=_blank>Search Library</A>

and, next time before you post: validate your html+css, and offer an
example of your problem that is trimmed down to the mere escence. simply
throwing a buch of code in here will not likely attarct much attention.

Ok, sorry. What I see are the
HelpWanteds | Bestselling Reports | Join/Leave Lists | Get Alerts

menu items going across the page horizontally. Search Library is on
top of Get Alerts. I'm not sure how else to explain it.

After running the code through an HTML validator, as you suggested, it
mentioned I couldn't have a block level tag (the DIV) where it was
placed. I then used SPAN and that solved my problem. Now Search
Library is to the left of Help Wanted, just as I needed it. Everything
goes across the page horizontally.

Not sure if the above is a good enough explanation. I hope it is.
Please let me know.

Thanks,
Brett