Вход | Регистрация | FAQ
Anonymous

How to Overlap inner table border with outer table

+ Ответить

1 сообщение Страница 1 из 1


How to Overlap inner table border with outer table

SanjeevHTML » Вт янв 02, 2018 8:31 am

Hello Guy,

I have create a HTML and containing tables. I need to overlap outer table border with inner table border. So that inner table border should touch outer table border. Please see below code:
Код: Выделить всё
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <table width="100%" >
        <tr>
            <td style="border-collapse:collapse ">
                <table width="100%" style="font-size: small; border-color: black; border-collapse: collapse">
                    <tr>
                        <td style="border-bottom: solid 1px; border-top:solid 1px; border-left:solid 1px; border-right:solid 1px">
                            <table width="100%">
                                <tr>
                                    <td align="left" width="15%" style="background-image:">

                                        <!--<img src="D:/Sanjeev/IntelLogicIt-InternalProducts/SalesQuickInvoiceWindows/SalesQuickInvoiceWindows/SalesQuickInvoiceWindows/bin/Debug/ShrinathjiTexconeDV-2.jpg">-->
                                        &nbsp;$LogoImage
                                    </td>
                                    <td>
                                        <table width="100%">
                                            <tr>
                                                <td align="center" style="font-size:0.75cm"><strong>$OrgName</strong></td>

                                            </tr>
                                            <tr>
                                                <td align="center">$OrgGSTIN $OrgPAN</td>
                                            </tr>
                                            $CompContacts
                                            <!--<tr>
                                                <td align="center">$OrgAddressType$ $OrgAddress$ <br>$OrgCity$ $OrgState$ $OrgCountry$ <br> $OrgPhoneFax$</td>
                                            </tr>
                                            <tr>
                                                <td align="center">$OrgAddressType2$ $OrgAddress2$ <br>$OrgCity2$ $OrgState2$ $OrgCountry2$ <br> $OrgPhoneFax2$</td>
                                            </tr>-->
                                            <tr>
                                                <td align="center">$OrgEmailWeb</td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td align="right" width="25%" valign="top" style="border-left: dotted 1px; border-collapse: collapse; ">
                                        <table style="height:120px; width:100%; ">
                                            <tr>
                                                <td>
                                                    $InvoiceName
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <strong>Invoice No : $InvoiceNumber</strong>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    Invoice Date : $InvoiceDate
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>

                        </td>
                    </tr>
                    <tr>
                        <td align="center" bgcolor="silver" style="border-bottom: solid 1px; border-top:solid 1px; border-left:solid 1px; border-right:solid 1px"><strong style="font-size:large">$InvoiceTypeName</strong>$InvoiceTypeTagLine</td>
                    </tr>                   
                    <tr>
                        <td style="border-bottom: solid 1px; border-top:solid 1px; border-left:solid 1px; border-right:solid 1px">
                            <table width="100%">
                                <tr>
                                    <td>
                                        Transporter Name : $TransporterName
                                    </td>
                                    <td>
                                        PO No: $PONum
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        GR No : $GRNo
                                    </td>
                                    <td>
                                        PO Date: $PODate
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        GR Date : $GRDate
                                    </td>
                                    <td>
                                        Date of Supply : $DateOfSupply
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Vehicle Number : $VehicleNumber
                                    </td>
                                    <td>
                                       
                                        Place of Supply : $PlaceOfSupply
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Transport Mode : $TransportMode
                                    </td>
                                    <td>
                                       
                                        Reverse Charges (Y/N) : $ReverseCharges
                                    </td>
                                </tr>

                            </table>
                        </td>

                    </tr>                   
                    <tr>
                        <td style="border-bottom: solid 1px; border-top:solid 1px; border-left:solid 1px; border-right:solid 1px; border-collapse:collapse;">
                            <table width="100%" style="border-collapse: collapse;">
                                <tr>
                                    <td style="border-right: solid 1px; border-collapse:collapse;">
                                        <table width="100%" style="border-collapse: collapse;">
                                            <tr>
                                                <td style="border-bottom:solid 1px;">
                                                    <strong>Details of Receiver (Billed To)</strong>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    $BlOrgName
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    $BlAddress
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    $BlCity$BlZipcode
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    $BlContactState $BlContactCountry
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <table width="100%">
                                                        <tr>
                                                            <td>$BlGSTIN</td>
                                                            <td>$BlPAN</td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td>
                                        <table width="100%" style="border-collapse: collapse;">
                                            <tr>
                                                <td style="border-bottom:solid 1px;">
                                                    <strong>Details of Consignee (Shipped To)</strong>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    $SlOrgName
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    $SlAddress
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    $SlCity$SlZipcode
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    $SlContactState $SlContactCountry
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <table width="100%">
                                                        <tr>
                                                            <td>$SlGSTIN</td>
                                                            <td>$SlPAN</td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>

                        </td>

                    </tr>
                    <tr>
                        <td height="110" valign="top" style="border-bottom: solid 1px; border-top:solid 1px; border-left:solid 1px; border-right:solid 1px">
                            $OrderItems
                        </td>
                    </tr>
                    <tr>

                        <td style="border-bottom: solid 1px; border-top: solid 1px; border-left: solid 1px; border-right: solid 1px; border-collapse: collapse;">
                            <table width="100%" style="border-collapse: collapse;">
                                <tr>
                                    <td valign="top" align="left" style="font-size: small; width: 65%; border-collapse: collapse; ">
                                        <table width="100%" style="border-collapse:collapse;" >
                                            <tr>
                                                <td style="border-bottom: solid 1px; border-collapse: collapse;">
                                                    <table>
                                                        <tr>
                                                            <td>
                                                                Bank Name : $BankName
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                Bank A/C : $BankAC
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                Bank IFSC : $BankIFSC
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    Total Taxes in Words : $taxesInWords
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    Total Amount in Words : $amtInWords
                                                </td>
                                            </tr>

                                        </table>
                                    </td>
                                    <td align="right" valign="top"  style="border-left:solid 1px;border-collapse:collapse;">
                                        <table width="100%" >
                                            <tr>

                                                <td align="right" style="font-size:small">
                                                    $OrderPriceDetails
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>

                        </td>
                    </tr>
                    <tr>
                        <td style="border-bottom: solid 1px; border-top: solid 1px; border-left: solid 1px; border-right: solid 1px; border-collapse: collapse;">
                            <table cellspacing="4">
                                <tr>
                                    <td>
                                        <small>Certified that the perticulars given above are true & correct the amount indecated represent the price actually charged & that there is no flow of additional consideration directly or indirectly from the buyer.  </small>
                                    </td>
                                </tr>
                            </table>
                           
                        </td>
</tr>
                    <tr>
                        <td style="border-bottom: solid 1px; border-top: solid 1px; border-left: solid 1px; border-right: solid 1px; border-collapse: collapse;">
                            <table width="100%" style="border-collapse: collapse;">                               
                                <tr>
                                    <td width="60%" align="left" valign="top" style="border-collapse: collapse; "><small>$TermsCondition</small></td>
                                    <td width="20%" align="center" style="border-collapse: collapse; border-left: solid 1px; border-right:solid 1px; text-align:end; ">
                                        <br><br><br><br><br><br><br><br><br>Common Seal
                                    </td>

                                    <td width="20%" align="center" style="border-collapse: collapse; ">
                                        For $OrgName<br><br><br><br><br><br><br><br>Authorised Signatory
                                    </td>

                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
       
</body>
</html>

Аватара пользователя

SanjeevHTML

  • Сообщения: 1
  • Зарегистрирован: Вт янв 02, 2018 8:26 am


+ Ответить

Страница 1 из 1