Not signed in (Sign In)

Vanilla 1.1.3 is a product of Lussumo. More Information: Documentation, Community Support.

Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.
  1.  permalink
    Don't you just love it when a developer turns your pretty, compliant code:

    <ul class="tab2 clearfix">
    <li class="active"><a href="#">Product Details</a></li>
    <li><a href="#">Specifications</a></li>
    </ul>
    ======================================

    into:

    <table border="0" cellpadding="0" cellspacing="0" class="rich-tabpanel " id="productDetail:_id33" style="width:"><tbody><tr><td align="right" class="dr-bottom-line tab2"><!-- table border="0" cellpadding="0" cellspacing="0" style="position:relative;top:1px" --><table border="0" cellpadding="0" cellspacing="0"><tr><td><img border="0" height="1" src="/omax/a4j_3_1_3.GAimages/spacer.gif.faces" style="width: 1px; " /></td><td id="productDetail:_id34_cell" style="height: 100%; vertical-align: bottom;" class="dr-tbpnl-tbcell-act rich-tabhdr-cell-active"><table border="0" cellpadding="0" cellspacing="0" id="productDetail:_id34_shifted" onclick="if (RichFaces.onTabChange(event, 'productDetail:_id33','productDetail:_id34')) RichFaces.switchTab('productDetail:_id33','productDetail:_id34','_id34');" style="position:relative; top:1px;;height : 100%; "><tr><td class="dr-tbpnl-tbbrdr rich-tabhdr-side-border"><img border="0" height="1" src="/omax/a4j_3_1_3.GAimages/spacer.gif.faces" width="1" /></td><td class="dr-tbpnl-tbtopbrdr rich-tabhdr-side-cell"><table border="0" cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;"><tr><td id="productDetail:_id34_lbl" onmouseover="RichFaces.overTab(this);" onmouseout="RichFaces.outTab(this);" class="dr-tbpnl-tb rich-tab-header dr-tbpnl-tb-act rich-tab-active ">Product Details</td></tr></table></td><td class="dr-tbpnl-tbbrdr rich-tabhdr-side-border"><img border="0" height="1" src="/omax/a4j_3_1_3.GAimages/spacer.gif.faces" width="1" /></td></tr></table></td><td><img border="0" height="1" src="/omax/a4j_3_1_3.GAimages/spacer.gif.faces" style="width: 1px; " /></td><td id="productDetail:_id56_cell" style="height: 100%; vertical-align: bottom;" class="dr-tbpnl-tbcell-inact rich-tabhdr-cell-inactive"><table border="0" cellpadding="0" cellspacing="0" id="productDetail:_id56_shifted" onclick="if (RichFaces.onTabChange(event, 'productDetail:_id33','productDetail:_id56')) RichFaces.switchTab('productDetail:_id33','productDetail:_id56','_id56');" style="position:relative;;height : 100%; "><tr><td class="dr-tbpnl-tbbrdr rich-tabhdr-side-border"><img border="0" height="1" src="/omax/a4j_3_1_3.GAimages/spacer.gif.faces" width="1" /></td><td class="dr-tbpnl-tbtopbrdr rich-tabhdr-side-cell"><table border="0" cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;"><tr><td id="productDetail:_id56_lbl" onmouseover="RichFaces.overTab(this);" onmouseout="RichFaces.outTab(this);" class="dr-tbpnl-tb rich-tab-header dr-tbpnl-tb-inact rich-tab-inactive ">Specifications</td></tr></table></td><td class="dr-tbpnl-tbbrdr rich-tabhdr-side-border"><img border="0" height="1" src="/omax/a4j_3_1_3.GAimages/spacer.gif.faces" width="1" /></td></tr></table></td><td><img border="0" height="1" src="/omax/a4j_3_1_3.GAimages/spacer.gif.faces" style="width: 1px; " /></td></tr></table><div style="display: none;"><input id="productDetail:_id33_input" name="productDetail:_id33" type="hidden" value="_id34" /><script type="text/javascript">RichFaces.panelTabs['productDetail:_id33']=[{'inactiveClass':'dr-tbpnl-tb rich-tab-header dr-tbpnl-tb-inact rich-tab-inactive ','ontabenter':'','name':'_id34','cellActiveClass':'dr-tbpnl-tbcell-act rich-tabhdr-cell-active','cellInactiveClass':'dr-tbpnl-tbcell-inact rich-tabhdr-cell-inactive','activeClass':'dr-tbpnl-tb rich-tab-header dr-tbpnl-tb-act rich-tab-active ','id':'productDetail:_id34','ontableave':''} ,{'inactiveClass':'dr-tbpnl-tb rich-tab-header dr-tbpnl-tb-inact rich-tab-inactive ','ontabenter':'','name':'_id56','cellActiveClass':'dr-tbpnl-tbcell-act rich-tabhdr-cell-active','cellInactiveClass':'dr-tbpnl-tbcell-inact rich-tabhdr-cell-inactive','activeClass':'dr-tbpnl-tb rich-tab-header dr-tbpnl-tb-act rich-tab-active ','id':'productDetail:_id56','ontableave':''} ] ;</script></div></td></tr><!-- tr>
    <td class="dr-bottom-line" width="100%"><img src="/omax/a4j_3_1_3.GAimages/spacer.gif.faces" width="1" height="1" alt="" border="0"/></td>
    </tr --><tr><td height="100%" id="productDetail:_id34"><table border="0" cellpadding="10" cellspacing="0" class="dr-tbpnl-cntnt-pstn rich-tabpanel-content-position" style="position : relative;" width="100%"><tr><td class="dr-tbpnl-cntnt rich-tabpanel-content " style="; ">
    ======================================

    Then you have to do clean up for 2 weeks to get it to look somewhat like the original comp. ;P

    /rant
    •  
      CommentAuthorjgarber
    • CommentTimeSep 17th 2008
     permalink
    Whoooooooooa.
  2.  permalink
    I have designers do the same thing to me all the time. I am a developer but I am the one most concerned with and knowledgable about semantic HTML and CSS design.
Add your comments
    Username Password
  • Format comments as (Help)