On 12/02/2011 9:18 AM, James Sheffer wrote:
George-
[snip]
My idea is that this will all be torn down and rebuilt without the
use of the tables but for not I'm hoping to get it to work with the
tables until I have more time...
Do it bit by bit. Just one segment of the HTML.
<tr>
<td valign="center" align="center" class="menubarmain" nowrap><a
href="index.lasso">Shop</a></td>
<td valign="top" align="center" class="menubarmain"><img
src="graphics/nav_menu_div.gif"></td>
<td valign="center" align="center" class="menubarmain" nowrap><a
href="thetoyz-gift_cards.lasso">Gift Cards</a></td>
<td valign="top" align="center" class="menubarmain"><img
src="graphics/nav_menu_div.gif"></td>
<td valign="center" align="center" class="menubarmain" nowrap><a
href="http://forums.thetoyz.com";>Forums</a></td>
<td valign="top" align="center" class="menubarmain"><img
src="graphics/nav_menu_div.gif"></td>
<td valign="center" align="center" class="menubarmain" nowrap><a
href="thetoyz-signin.lasso">Members</a> (<a
href="thetoyz-members.lasso?page=middle_table_signout.inc">log out</a>)</td>
<td valign="top" align="center" class="menubarmain"><img
src="graphics/nav_menu_div.gif"></td>
<td valign="center" align="center" class="menubarmain" nowrap><a
href="thetoyz_cart.lasso?action=list">Checkout</a></td>
<td valign="top" align="center" class="menubarmain"><!--<img
src="graphics/nav_menu_div.gif">--></td>
<td valign="center" align="center" class="menubarmain" nowrap><!--<a
href="thetoyz-news.lasso">News</a>--></td>
<td valign="top" align="center" class="menubarmain"><!--<img
src="graphics/nav_menu_div.gif">--></td>
<td valign="center" align="center" class="menubarmain" nowrap><!--<a
href="/cart/thetoyz-links.lasso">Links</a>--></td>
</tr>
Remove all the table elements <tr ....> and </tr> and style attributes.
This will leave you with just the <a>s and the <img>s which can be
wrapped in a <div> (replacing <tr>) but still live and be part of the
<table>.
<div>
<a href="index.lasso">Shop</a>
<img src="graphics/nav_menu_div.gif">
<a href="thetoyz-gift_cards.lasso">Gift Cards</a>
<img src="graphics/nav_menu_div.gif">
<a href="http://forums.thetoyz.com";>Forums</a>
<img src="graphics/nav_menu_div.gif">
<a href="thetoyz-signin.lasso">Members</a> (<a
href="thetoyz-members.lasso?page=middle_table_signout.inc">log out</a>)
<img src="graphics/nav_menu_div.gif">
<a href="thetoyz_cart.lasso?action=list">Checkout</a>
<!--<img src="graphics/nav_menu_div.gif">-->
<!--<a href="thetoyz-news.lasso">News</a>-->
<!--<img src="graphics/nav_menu_div.gif">-->
<!--<a href="/cart/thetoyz-links.lasso">Links</a>-->
</div>
It will also render the same. No CSS is needed but you are left with
less redundant code. At this moment this is primary an issue with HTML
tag soup. This must be rectified before we can truly help. Also it will
stop the list mum having to step in since this is not quiet concerning
CSS as yet.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
