• 10-01-2025, 02:03:51
    #1
    Kurumsal Üye
    Merhaba,
    Aşağıda görüntüsünü eklediğim şekilde bir tablo hazırladım. Ancak satırlar aşağı yönlü hizalanmıyor.
    Nasıl bir çözüm önerirsiniz?
    Teşekkürler.
    Kodlar;
    <h2>Mutabakat Gönderen Firma Bilgileri</h2>
    <table>
                    <tr>
                        <th>Firma Ünvanı</th>
                        <td>Gönderici Firma Bilgileri</td>
                        <th>Vergi Dairesi</th>
                        <td>Vergi Dairesi</td>
                    </tr>
                    <tr>
                        <th>Firma Yetkilisi</th>
                        <td>Yetkili Adı/td>
                        <th>Vergi Numarası</th>
                        <td>VKN Eklenecek</td>
                    </tr>
                    <tr>
                        <th>Firma Email</th>
                        <td>info@info.com/td>
                        <th>Adres</th>
                        <td>Gönderici firma adres bilgileri</td>
                    </tr>
                    <tr>
                        <th>Firma Telefon</th>
                        <td>90 212 000 00 00</td>
                        <th>Firma Faks</th>
                        <td>90 212 000 00 00</td>
                    </tr>
                </table>
    
                <form name="mutabakatForm" action="islem.php" method="post" onsubmit="return validateForm()">
                    <input type="hidden" id="linknum" name="linknum" value="<?php echo htmlspecialchars($linknum); ?>">
                    <input type="hidden" id="cevaptar" name="cevaptar" value="<?php echo htmlspecialchars($cevap_tar); ?>">
                    <h2>Mutabakat Bilgileri</h2>
                    <table>
                    <tr>
                        <th>Firma Ünvanı</th>
                        <td><?php echo htmlspecialchars($row['CUSTOMER']); ?></td>
                        <th>Mutabakat Dönemi</th>
                        <td><?php echo date('d-m-Y', strtotime($row['DONEMILK'])); ?> - <?php echo date('d-m-Y', strtotime($row['DONEMSON'])); ?></td>
                    </tr>
                    <tr>
                        <th>Firma E-Mail</th>
                        <td><?php echo htmlspecialchars($row['MAIL']); ?></td>
                        <th>Onaylayan IP</th>
                        <td><?php if (!empty($row['CEVAPIP'])) {
                            echo htmlspecialchars($row['CEVAPIP']);
                        } else {
                            echo htmlspecialchars($kullanici_ip);
                        } ?>
                        </td>
                    </tr>
                    <tr>
                        <th>Firma Yetkilisi</th>
                        <td><?php echo htmlspecialchars($row['NAME']); ?></td>
                        <th>Mutabakat Tarihi</th>
                        <td><?php echo date('d-m-Y', strtotime($row['TARIH'])); ?></td>
                    </tr>
                    <tr>
                        <th>Durum</th>
                        <td> <?php if ($row['DURUM'] === 'Evet') {
                            echo "Mutabık";
                        } elseif ($row['DURUM'] === 'Hayır') {
                            echo "Mutabık Değil";
                        } else {
                            echo "Mutabakat Bekleniyor";
                        } ?>
                        </td>
                        <th>Yanıtlayan</th>
                        <td><?php 
                            if (!empty($row['ONAYLAYAN'])) {
                                $cevaptar = new DateTime($row['CEVAPTAR']);
                                echo htmlspecialchars($row['ONAYLAYAN']) . " (" . $cevaptar->format('d-m-Y H:i:s') . ")";
                            } else {
                                echo '<input type="text" name="onaylayan" placeholder="Adınız Soyadınız" required>';
                            }
                        ?>
                        </td>
                    </tr>
                    </table>
                    <br>
                            <table>
                                <tr>
                                    <td><b>Borç / Alacak</b></td>
                                    <td><b>Bakiye</b></td>
                                    <td><b>Para Birimi</b></td>
                                </tr>
                                <tr>
                                    <td><?php echo htmlspecialchars($row['BAKTUR']); ?></td>
                                    <td><?php echo htmlspecialchars($row['BAKIYE']); ?></td>
                                    <td><?php echo htmlspecialchars($row['CURRENCY']); ?></td>
                                </tr>
                </table>
  • 10-01-2025, 02:12:00
    #2
    <style>
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    }
    th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    }
    th {
    width: 25%;
    background-color: #f4f4f4;
    }
    td {
    width: 25%;
    }
    input[type="text"] {
    padding: 8px;
    width: 100%;
    margin-top: 5px;
    border: 1px solid #ddd;
    }
    .form-container {
    margin-top: 20px;
    }
    </style>

    <h2>Mutabakat Gönderen Firma Bilgileri</h2>
    <table>
    <tr>
    <th>Firma Ünvanı</th>
    <td>Gönderici Firma Bilgileri</td>
    <th>Vergi Dairesi</th>
    <td>Vergi Dairesi</td>
    </tr>
    <tr>
    <th>Firma Yetkilisi</th>
    <td>Yetkili Adı</td>
    <th>Vergi Numarası</th>
    <td>VKN Eklenecek</td>
    </tr>
    <tr>
    <th>Firma Email</th>
    <td>info@info.com</td>
    <th>Adres</th>
    <td>Gönderici firma adres bilgileri</td>
    </tr>
    <tr>
    <th>Firma Telefon</th>
    <td>90 212 000 00 00</td>
    <th>Firma Faks</th>
    <td>90 212 000 00 00</td>
    </tr>
    </table>

    <form name="mutabakatForm" action="islem.php" method="post" onsubmit="return validateForm()">
    <input type="hidden" id="linknum" name="linknum" value="<?php echo htmlspecialchars($linknum); ?>">
    <input type="hidden" id="cevaptar" name="cevaptar" value="<?php echo htmlspecialchars($cevap_tar); ?>">

    <div class="form-container">
    <h2>Mutabakat Bilgileri</h2>
    <table>
    <tr>
    <th>Firma Ünvanı</th>
    <td><?php echo htmlspecialchars($row['CUSTOMER']); ?></td>
    <th>Mutabakat Dönemi</th>
    <td><?php echo date('d-m-Y', strtotime($row['DONEMILK'])); ?> - <?php echo date('d-m-Y', strtotime($row['DONEMSON'])); ?></td>
    </tr>
    <tr>
    <th>Firma E-Mail</th>
    <td><?php echo htmlspecialchars($row['MAIL']); ?></td>
    <th>Onaylayan IP</th>
    <td><?php if (!empty($row['CEVAPIP'])) {
    echo htmlspecialchars($row['CEVAPIP']);
    } else {
    echo htmlspecialchars($kullanici_ip);
    } ?>
    </td>
    </tr>
    <tr>
    <th>Firma Yetkilisi</th>
    <td><?php echo htmlspecialchars($row['NAME']); ?></td>
    <th>Mutabakat Tarihi</th>
    <td><?php echo date('d-m-Y', strtotime($row['TARIH'])); ?></td>
    </tr>
    <tr>
    <th>Durum</th>
    <td>
    <?php
    if ($row['DURUM'] === 'Evet') {
    echo "Mutabık";
    } elseif ($row['DURUM'] === 'Hayır') {
    echo "Mutabık Değil";
    } else {
    echo "Mutabakat Bekleniyor";
    }
    ?>
    </td>
    <th>Yanıtlayan</th>
    <td><?php
    if (!empty($row['ONAYLAYAN'])) {
    $cevaptar = new DateTime($row['CEVAPTAR']);
    echo htmlspecialchars($row['ONAYLAYAN']) . " (" . $cevaptar->format('d-m-Y H:i:s') . ")";
    } else {
    echo '<input type="text" name="onaylayan" placeholder="Adınız Soyadınız" required>';
    }
    ?>
    </td>
    </tr>
    </table>

    <br>

    <table>
    <tr>
    <td><b>Borç / Alacak</b></td>
    <td><b>Bakiye</b></td>
    <td><b>Para Birimi</b></td>
    </tr>
    <tr>
    <td><?php echo htmlspecialchars($row['BAKTUR']); ?></td>
    <td><?php echo htmlspecialchars($row['BAKIYE']); ?></td>
    <td><?php echo htmlspecialchars($row['CURRENCY']); ?></td>
    </tr>
    </table>
    </div>
    </form>
  • 10-01-2025, 02:48:41
    #3
    Bir editörde yapıp kodları alabilirsin ckeditör tinymce vs veya online tablo oluşturup hücre satır vs sil birleştir deyip kaynak kodlara bakabilirsin, farklı table etiketleri ayrı işlenir aynı tablo içinde yapmalısın eşitlenmesi için, form gibi başka kapsayıcı elemanların başlama etiketlerini ve bitişini en dışta tutmak faydalıdır. chatgpt formun resmini atınca isteğine göre kod verebiliyor deneyebilirsin. ctrl+v ile
  • 11-01-2025, 22:51:25
    #4
    Kurumsal Üye
    klcefkan adlı üyeden alıntı: mesajı görüntüle
    <style>
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    }
    ....
    Desteğiniz için teşekkür ederim. İstediğim hale geldi, ancak alt kısımdaki verileri de yukarı ile aynı şekilde yapmak istediğimde yine kayma meydana geldi. Bu hatayı düzelttikten sonra basit bir şekilde responsive hale getirebilmem için yardımcı olabilir misiniz?
    Güncel görüntü ve kodları ekliyorum.

    <!DOCTYPE html>
    <html lang="tr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Mutabakat</title>
        <style>
            body {
                font-family: Arial, sans-serif;
                margin: 0;
                padding: 0;
                background-color: #f4f4f4;
            }
            .container {
                width: 80%;
                margin: 20px auto;
                background-color: #fff;
                padding: 20px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            }
            .header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding-bottom: 20px;
                border-bottom: 1px solid #ddd;
            }
            .header img {
                height: 100px;
                align-items: center;
            }
            .footer {
                margin-top: 10px;
                text-align: center;
            }
            .footer button {
                padding: 10px 20px;
                background-color: #007bff;
                font-size: 20px;
                color: #fff;
                border: none;
                cursor: pointer;
            }
            .footer button:hover {
                background-color: #0056b3;
            }
            .button-group button.active {
                background-color: #28a745;
                color: white;
            }
            input[type="submit"] {
                background-color: #008CBA; 
                border: none;
                color: white; 
                padding: 10px 20px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                margin: 4px 2px;
                cursor: pointer;
                border-radius: 12px; 
            }
            input[type="submit"]:hover {
                background-color: #007B9E; 
            }
    @media print {
        .footer button {
            display: none;
        }
    }
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    }
    th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    }
    th {
    width: 10%;
    background-color: #f4f4f4;
    }
    td {
    width: 25%;
    }
    input[type="text"] {
    padding: 8px;
    width: 100%;
    margin-top: 5px;
    border: 1px solid #ddd;
    }
    .form-container {
    margin-top: 10px;
    }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="header">
                <img src="logo.png" alt="Firma Bilgisi">
            </div>
            <div class="form-container">
                <h2>Mutabakat Gönderen Firma Bilgileri</h2>
                <table>
                    <tr>
                        <th>Firma Ünvanı</th>
                        <td>Gönderici Firma A.Ş. </td>
                        <th>Vergi Dairesi</th>
                        <td>Kurumlar V.D.</td>
                    </tr>
                    <tr>
                        <th>Firma Yetkilisi</th>
                        <td>Yetkili Ad Soyad</td>
                        <th>Vergi Numarası</th>
                        <td>0000000000</td>
                    </tr>
                    <tr>
                        <th>Firma Email</th>
                        <td>yetkili@mail.com</td>
                        <th>Adres</th>
                        <td>Firmanın Adresi</td>
                    </tr>
                    <tr>
                        <th>Firma Telefon</th>
                        <td>90 212 000 00 00</td>
                        <th>Firma Faks</th>
                        <td>90 212 000 00 00</td>
                    </tr>
                </table>
    
                <form name="mutabakatForm" action="islem.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
                    <h2>Mutabakat Bilgileri</h2>
    <table>
                    <tr>
                        <th>Firma Ünvanı</th>
                        <td><?php echo htmlspecialchars($row['CUSTOMER']); ?></td>
                        <th>Mutabakat Dönemi</th>
                        <td><?php echo date('d-m-Y', strtotime($row['DONEMILK'])); ?> - <?php echo date('d-m-Y', strtotime($row['DONEMSON'])); ?></td>
                    </tr>
                    <tr>
                        <th>Firma E-Mail</th>
                        <td><?php echo htmlspecialchars($row['MAIL']); ?></td>
                        <th>Onaylayan IP</th>
                        <td><?php if (!empty($row['CEVAPIP'])) {
                            echo htmlspecialchars($row['CEVAPIP']);
                        } else {
                            echo htmlspecialchars($kullanici_ip);
                        } ?>
                        </td>
                    </tr>
                    <tr>
                        <th>Firma Yetkilisi</th>
                        <td><?php echo htmlspecialchars($row['NAME']); ?></td>
                        <th>Mutabakat Tarihi</th>
                        <td><?php echo date('d-m-Y', strtotime($row['TARIH'])); ?></td>
                    </tr>
                    <tr>
                        <th>Durum</th>
                        <td> <?php if ($row['DURUM'] === 'Evet') {
                            echo "Mutabık";
                        } elseif ($row['DURUM'] === 'Hayır') {
                            echo "Mutabık Değil";
                        } else {
                            echo "Mutabakat Bekleniyor";
                        } ?>
                        </td>
                        <th>Yanıtlayan</th>
                        <td><?php 
                            if (!empty($row['ONAYLAYAN'])) {
                                $cevaptar = new DateTime($row['CEVAPTAR']);
                                echo htmlspecialchars($row['ONAYLAYAN']) . " (" . $cevaptar->format('d-m-Y H:i:s') . ")";
                            } else {
                                echo '<input type="text" name="onaylayan" placeholder="Adınız Soyadınız" required>';
                            }
                        ?>
                        </td>
                    </tr>
                    </table>
                    <br>
                            <table>
                                <tr>
        <th>Borç / Alacak</th>
        <td><?php echo htmlspecialchars($row['BAKTUR']); ?></td>
    </tr>
    <tr>
        <th>Bakiye</th>
        <td><?php echo htmlspecialchars($row['BAKIYE']); ?></td>
    </tr>
    <tr>
        <th>Para Birimi</td>
        <td><?php echo htmlspecialchars($row['CURRENCY']); ?></td>
    </tr>
    
                </table>
    <div class="footer">
        <div class="button-group">
            <?php if (empty($row['DURUM'])): ?>
                <button type="button" onclick="selectOption('Evet')">Mutabıkız</button>
                <button type="button" onclick="selectOption('Hayır')">Mutabık Değiliz</button>
            <?php endif; ?>
        </div><br>
        <?php if (empty($row['DURUM'])): ?>
            <input type="hidden" id="durum" name="durum" value="">
            <input type="submit" value="Gönder">
        <?php endif; ?>
    
        <!-- DURUM "Evet" ise yazdırma butonu -->
        <?php if ($row['DURUM'] === 'Evet'): ?>
            <button onclick="printPage()">Mutabakatı Yazdır</button>
        <?php endif; ?>
    </div>
            </form>
        </div>
    </body>
    </html>
  • 11-01-2025, 23:50:56
    #5
    Onurss adlı üyeden alıntı: mesajı görüntüle
    Desteğiniz için teşekkür ederim. İstediğim hale geldi, ancak alt kısımdaki verileri de yukarı ile aynı şekilde yapmak istediğimde yine kayma meydana geldi. Bu hatayı düzelttikten sonra basit bir şekilde responsive hale getirebilmem için yardımcı olabilir misiniz?
    Güncel görüntü ve kodları ekliyorum.

    <!DOCTYPE html>
    <html lang="tr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Mutabakat</title>
        <style>
            body {
                font-family: Arial, sans-serif;
                margin: 0;
                padding: 0;
                background-color: #f4f4f4;
            }
            .container {
                width: 80%;
                margin: 20px auto;
                background-color: #fff;
                padding: 20px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            }
            .header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding-bottom: 20px;
                border-bottom: 1px solid #ddd;
            }
            .header img {
                height: 100px;
                align-items: center;
            }
            .footer {
                margin-top: 10px;
                text-align: center;
            }
            .footer button {
                padding: 10px 20px;
                background-color: #007bff;
                font-size: 20px;
                color: #fff;
                border: none;
                cursor: pointer;
            }
            .footer button:hover {
                background-color: #0056b3;
            }
            .button-group button.active {
                background-color: #28a745;
                color: white;
            }
            input[type="submit"] {
                background-color: #008CBA;
                border: none;
                color: white;
                padding: 10px 20px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                margin: 4px 2px;
                cursor: pointer;
                border-radius: 12px;
            }
            input[type="submit"]:hover {
                background-color: #007B9E;
            }
    @media print {
        .footer button {
            display: none;
        }
    }
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    }
    th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    }
    th {
    width: 10%;
    background-color: #f4f4f4;
    }
    td {
    width: 25%;
    }
    input[type="text"] {
    padding: 8px;
    width: 100%;
    margin-top: 5px;
    border: 1px solid #ddd;
    }
    .form-container {
    margin-top: 10px;
    }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="header">
                <img src="logo.png" alt="Firma Bilgisi">
            </div>
            <div class="form-container">
                <h2>Mutabakat Gönderen Firma Bilgileri</h2>
                <table>
                    <tr>
                        <th>Firma Ünvanı</th>
                        <td>Gönderici Firma A.Ş. </td>
                        <th>Vergi Dairesi</th>
                        <td>Kurumlar V.D.</td>
                    </tr>
                    <tr>
                        <th>Firma Yetkilisi</th>
                        <td>Yetkili Ad Soyad</td>
                        <th>Vergi Numarası</th>
                        <td>0000000000</td>
                    </tr>
                    <tr>
                        <th>Firma Email</th>
                        <td>yetkili@mail.com</td>
                        <th>Adres</th>
                        <td>Firmanın Adresi</td>
                    </tr>
                    <tr>
                        <th>Firma Telefon</th>
                        <td>90 212 000 00 00</td>
                        <th>Firma Faks</th>
                        <td>90 212 000 00 00</td>
                    </tr>
                </table>
    
                <form name="mutabakatForm" action="islem.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
                    <h2>Mutabakat Bilgileri</h2>
    <table>
                    <tr>
                        <th>Firma Ünvanı</th>
                        <td><?php echo htmlspecialchars($row['CUSTOMER']); ?></td>
                        <th>Mutabakat Dönemi</th>
                        <td><?php echo date('d-m-Y', strtotime($row['DONEMILK'])); ?> - <?php echo date('d-m-Y', strtotime($row['DONEMSON'])); ?></td>
                    </tr>
                    <tr>
                        <th>Firma E-Mail</th>
                        <td><?php echo htmlspecialchars($row['MAIL']); ?></td>
                        <th>Onaylayan IP</th>
                        <td><?php if (!empty($row['CEVAPIP'])) {
                            echo htmlspecialchars($row['CEVAPIP']);
                        } else {
                            echo htmlspecialchars($kullanici_ip);
                        } ?>
                        </td>
                    </tr>
                    <tr>
                        <th>Firma Yetkilisi</th>
                        <td><?php echo htmlspecialchars($row['NAME']); ?></td>
                        <th>Mutabakat Tarihi</th>
                        <td><?php echo date('d-m-Y', strtotime($row['TARIH'])); ?></td>
                    </tr>
                    <tr>
                        <th>Durum</th>
                        <td> <?php if ($row['DURUM'] === 'Evet') {
                            echo "Mutabık";
                        } elseif ($row['DURUM'] === 'Hayır') {
                            echo "Mutabık Değil";
                        } else {
                            echo "Mutabakat Bekleniyor";
                        } ?>
                        </td>
                        <th>Yanıtlayan</th>
                        <td><?php
                            if (!empty($row['ONAYLAYAN'])) {
                                $cevaptar = new DateTime($row['CEVAPTAR']);
                                echo htmlspecialchars($row['ONAYLAYAN']) . " (" . $cevaptar->format('d-m-Y H:i:s') . ")";
                            } else {
                                echo '<input type="text" name="onaylayan" placeholder="Adınız Soyadınız" required>';
                            }
                        ?>
                        </td>
                    </tr>
                    </table>
                    <br>
                            <table>
                                <tr>
        <th>Borç / Alacak</th>
        <td><?php echo htmlspecialchars($row['BAKTUR']); ?></td>
    </tr>
    <tr>
        <th>Bakiye</th>
        <td><?php echo htmlspecialchars($row['BAKIYE']); ?></td>
    </tr>
    <tr>
        <th>Para Birimi</td>
        <td><?php echo htmlspecialchars($row['CURRENCY']); ?></td>
    </tr>
    
                </table>
    <div class="footer">
        <div class="button-group">
            <?php if (empty($row['DURUM'])): ?>
                <button type="button" onclick="selectOption('Evet')">Mutabıkız</button>
                <button type="button" onclick="selectOption('Hayır')">Mutabık Değiliz</button>
            <?php endif; ?>
        </div><br>
        <?php if (empty($row['DURUM'])): ?>
            <input type="hidden" id="durum" name="durum" value="">
            <input type="submit" value="Gönder">
        <?php endif; ?>
    
        <!-- DURUM "Evet" ise yazdırma butonu -->
        <?php if ($row['DURUM'] === 'Evet'): ?>
            <button onclick="printPage()">Mutabakatı Yazdır</button>
        <?php endif; ?>
    </div>
            </form>
        </div>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="tr">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mutabakat</title>
    <style>
    /* Genel stil */
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    }

    .container {
    width: 90%;
    max-width: 1200px;
    margin: 20px auto;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    }

    .header img {
    height: 100px;
    }

    .footer {
    margin-top: 20px;
    text-align: center;
    }

    .footer button {
    padding: 10px 20px;
    background-color: #007bff;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    }

    .footer button:hover {
    background-color: #0056b3;
    }

    /* Form ve Tablo stil */
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    }

    th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    }

    th {
    background-color: #f4f4f4;
    }

    td {
    width: 25%;
    }

    input[type="text"] {
    padding: 8px;
    width: 100%;
    margin-top: 5px;
    border: 1px solid #ddd;
    }

    .form-container {
    margin-top: 10px;
    }

    input[type="submit"] {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    }

    input[type="submit"]:hover {
    background-color: #007B9E;
    }

    /* Responsive Stil */
    @media (max-width: 768px) {
    .header {
    flex-direction: column;
    align-items: flex-start;
    }

    .header img {
    height: 80px;
    margin-bottom: 10px;
    }

    table, input[type="submit"] {
    font-size: 14px;
    }

    .footer button {
    font-size: 14px;
    padding: 8px 15px;
    }

    .container {
    padding: 15px;
    margin: 10px;
    }
    }

    @media print {
    .footer button {
    display: none;
    }
    }

    /* Tablo hizalama düzeni */
    .balance-table th, .balance-table td {
    width: 25%; /* Bu genişlik ile üstteki tablolar ile hizalanacak */
    }

    </style>
    </head>
    <body>
    <div class="container">
    <div class="header">
    <img src="logo.png" alt="Firma Bilgisi">
    </div>
    <div class="form-container">
    <h2>Mutabakat Gönderen Firma Bilgileri</h2>
    <table>
    <tr>
    <th>Firma Ünvanı</th>
    <td>Gönderici Firma A.Ş.</td>
    <th>Vergi Dairesi</th>
    <td>Kurumlar V.D.</td>
    </tr>
    <tr>
    <th>Firma Yetkilisi</th>
    <td>Yetkili Ad Soyad</td>
    <th>Vergi Numarası</th>
    <td>0000000000</td>
    </tr>
    <tr>
    <th>Firma Email</th>
    <td>yetkili@mail.com</td>
    <th>Adres</th>
    <td>Firmanın Adresi</td>
    </tr>
    <tr>
    <th>Firma Telefon</th>
    <td>90 212 000 00 00</td>
    <th>Firma Faks</th>
    <td>90 212 000 00 00</td>
    </tr>
    </table>

    <form name="mutabakatForm" action="islem.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
    <h2>Mutabakat Bilgileri</h2>
    <table>
    <tr>
    <th>Firma Ünvanı</th>
    <td><?php echo htmlspecialchars($row['CUSTOMER']); ?></td>
    <th>Mutabakat Dönemi</th>
    <td><?php echo date('d-m-Y', strtotime($row['DONEMILK'])); ?> - <?php echo date('d-m-Y', strtotime($row['DONEMSON'])); ?></td>
    </tr>
    <tr>
    <th>Firma E-Mail</th>
    <td><?php echo htmlspecialchars($row['MAIL']); ?></td>
    <th>Onaylayan IP</th>
    <td><?php if (!empty($row['CEVAPIP'])) {
    echo htmlspecialchars($row['CEVAPIP']);
    } else {
    echo htmlspecialchars($kullanici_ip);
    } ?></td>
    </tr>
    <tr>
    <th>Firma Yetkilisi</th>
    <td><?php echo htmlspecialchars($row['NAME']); ?></td>
    <th>Mutabakat Tarihi</th>
    <td><?php echo date('d-m-Y', strtotime($row['TARIH'])); ?></td>
    </tr>
    <tr>
    <th>Durum</th>
    <td><?php
    if ($row['DURUM'] === 'Evet') {
    echo "Mutabık";
    } elseif ($row['DURUM'] === 'Hayır') {
    echo "Mutabık Değil";
    } else {
    echo "Mutabakat Bekleniyor";
    } ?>
    </td>
    <th>Yanıtlayan</th>
    <td><?php
    if (!empty($row['ONAYLAYAN'])) {
    $cevaptar = new DateTime($row['CEVAPTAR']);
    echo htmlspecialchars($row['ONAYLAYAN']) . " (" . $cevaptar->format('d-m-Y H:i:s') . ")";
    } else {
    echo '<input type="text" name="onaylayan" placeholder="Adınız Soyadınız" required>';
    }
    ?></td>
    </tr>
    </table>

    <!-- Borç / Alacak, Bakiye, Para Birimi Tablosu -->
    <table class="balance-table">
    <tr>
    <th>Borç / Alacak</th>
    <td><?php echo htmlspecialchars($row['BAKTUR']); ?></td>
    </tr>
    <tr>
    <th>Bakiye</th>
    <td><?php echo htmlspecialchars($row['BAKIYE']); ?></td>
    </tr>
    <tr>
    <th>Para Birimi</th>
    <td><?php echo htmlspecialchars($row['CURRENCY']); ?></td>
    </tr>
    </table>

    <div class="footer">
    <div class="button-group">
    <?php if (empty($row['DURUM'])): ?>
    <button type="button" onclick="selectOption('Evet')">Mutabıkız</button>
    <button type="button" onclick="selectOption('Hayır')">Mutabık Değiliz</button>
    <?php endif; ?>
    </div><br>

    <?php if (empty($row['DURUM'])): ?>
    <input type="hidden" id="durum" name="durum" value="">
    <input type="submit" value="Gönder">
    <?php endif; ?>

    <!-- DURUM "Evet" ise yazdırma butonu -->
    <?php if ($row['DURUM'] === 'Evet'): ?>
    <button onclick="printPage()">Mutabakatı Yazdır</button>
    <?php endif; ?>
    </div>
    </form>
    </div>
    </div>
    </body>
    </html>
  • 12-01-2025, 00:00:11
    #6
    klcefkan adlı üyeden alıntı: mesajı görüntüle
    <!DOCTYPE html>
    <html lang="tr">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mutabakat</title>
    <style>
    /* Genel stil */
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    }

    .container {
    width: 90%;
    max-width: 1200px;
    margin: 20px auto;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    }

    .header img {
    height: 100px;
    }

    .footer {
    margin-top: 20px;
    text-align: center;
    }

    .footer button {
    padding: 10px 20px;
    background-color: #007bff;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    }

    .footer button:hover {
    background-color: #0056b3;
    }

    /* Form ve Tablo stil */
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    }

    th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    }

    th {
    background-color: #f4f4f4;
    }

    td {
    width: 25%;
    }

    input[type="text"] {
    padding: 8px;
    width: 100%;
    margin-top: 5px;
    border: 1px solid #ddd;
    }

    .form-container {
    margin-top: 10px;
    }

    input[type="submit"] {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    }

    input[type="submit"]:hover {
    background-color: #007B9E;
    }

    /* Responsive Stil */
    @media (max-width: 768px) {
    .header {
    flex-direction: column;
    align-items: flex-start;
    }

    .header img {
    height: 80px;
    margin-bottom: 10px;
    }

    table, input[type="submit"] {
    font-size: 14px;
    }

    .footer button {
    font-size: 14px;
    padding: 8px 15px;
    }

    .container {
    padding: 15px;
    margin: 10px;
    }
    }

    @media print {
    .footer button {
    display: none;
    }
    }

    /* Tablo hizalama düzeni */
    .balance-table th, .balance-table td {
    width: 25%; /* Bu genişlik ile üstteki tablolar ile hizalanacak */
    }

    </style>
    </head>
    <body>
    <div class="container">
    <div class="header">
    <img src="logo.png" alt="Firma Bilgisi">
    </div>
    <div class="form-container">
    <h2>Mutabakat Gönderen Firma Bilgileri</h2>
    <table>
    <tr>
    <th>Firma Ünvanı</th>
    <td>Gönderici Firma A.Ş.</td>
    <th>Vergi Dairesi</th>
    <td>Kurumlar V.D.</td>
    </tr>
    <tr>
    <th>Firma Yetkilisi</th>
    <td>Yetkili Ad Soyad</td>
    <th>Vergi Numarası</th>
    <td>0000000000</td>
    </tr>
    <tr>
    <th>Firma Email</th>
    <td>yetkili@mail.com</td>
    <th>Adres</th>
    <td>Firmanın Adresi</td>
    </tr>
    <tr>
    <th>Firma Telefon</th>
    <td>90 212 000 00 00</td>
    <th>Firma Faks</th>
    <td>90 212 000 00 00</td>
    </tr>
    </table>

    <form name="mutabakatForm" action="islem.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
    <h2>Mutabakat Bilgileri</h2>
    <table>
    <tr>
    <th>Firma Ünvanı</th>
    <td><?php echo htmlspecialchars($row['CUSTOMER']); ?></td>
    <th>Mutabakat Dönemi</th>
    <td><?php echo date('d-m-Y', strtotime($row['DONEMILK'])); ?> - <?php echo date('d-m-Y', strtotime($row['DONEMSON'])); ?></td>
    </tr>
    <tr>
    <th>Firma E-Mail</th>
    <td><?php echo htmlspecialchars($row['MAIL']); ?></td>
    <th>Onaylayan IP</th>
    <td><?php if (!empty($row['CEVAPIP'])) {
    echo htmlspecialchars($row['CEVAPIP']);
    } else {
    echo htmlspecialchars($kullanici_ip);
    } ?></td>
    </tr>
    <tr>
    <th>Firma Yetkilisi</th>
    <td><?php echo htmlspecialchars($row['NAME']); ?></td>
    <th>Mutabakat Tarihi</th>
    <td><?php echo date('d-m-Y', strtotime($row['TARIH'])); ?></td>
    </tr>
    <tr>
    <th>Durum</th>
    <td><?php
    if ($row['DURUM'] === 'Evet') {
    echo "Mutabık";
    } elseif ($row['DURUM'] === 'Hayır') {
    echo "Mutabık Değil";
    } else {
    echo "Mutabakat Bekleniyor";
    } ?>
    </td>
    <th>Yanıtlayan</th>
    <td><?php
    if (!empty($row['ONAYLAYAN'])) {
    $cevaptar = new DateTime($row['CEVAPTAR']);
    echo htmlspecialchars($row['ONAYLAYAN']) . " (" . $cevaptar->format('d-m-Y H:i:s') . ")";
    } else {
    echo '<input type="text" name="onaylayan" placeholder="Adınız Soyadınız" required>';
    }
    ?></td>
    </tr>
    </table>

    <!-- Borç / Alacak, Bakiye, Para Birimi Tablosu -->
    <table class="balance-table">
    <tr>
    <th>Borç / Alacak</th>
    <td><?php echo htmlspecialchars($row['BAKTUR']); ?></td>
    </tr>
    <tr>
    <th>Bakiye</th>
    <td><?php echo htmlspecialchars($row['BAKIYE']); ?></td>
    </tr>
    <tr>
    <th>Para Birimi</th>
    <td><?php echo htmlspecialchars($row['CURRENCY']); ?></td>
    </tr>
    </table>

    <div class="footer">
    <div class="button-group">
    <?php if (empty($row['DURUM'])): ?>
    <button type="button" onclick="selectOption('Evet')">Mutabıkız</button>
    <button type="button" onclick="selectOption('Hayır')">Mutabık Değiliz</button>
    <?php endif; ?>
    </div><br>

    <?php if (empty($row['DURUM'])): ?>
    <input type="hidden" id="durum" name="durum" value="">
    <input type="submit" value="Gönder">
    <?php endif; ?>

    <!-- DURUM "Evet" ise yazdırma butonu -->
    <?php if ($row['DURUM'] === 'Evet'): ?>
    <button onclick="printPage()">Mutabakatı Yazdır</button>
    <?php endif; ?>
    </div>
    </form>
    </div>
    </div>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="tr">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mutabakat</title>
    <style>
    /* Genel stil */
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    }

    .container {
    width: 90%;
    max-width: 1200px;
    margin: 20px auto;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    }

    .header img {
    height: 100px;
    }

    .footer {
    margin-top: 20px;
    text-align: center;
    }

    .footer button {
    padding: 10px 20px;
    background-color: #007bff;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    }

    .footer button:hover {
    background-color: #0056b3;
    }

    /* Form ve Tablo stil */
    table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    }

    th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    }

    th {
    background-color: #f4f4f4;
    }

    td {
    width: 25%;
    }

    input[type="text"] {
    padding: 8px;
    width: 100%;
    margin-top: 5px;
    border: 1px solid #ddd;
    }

    .form-container {
    margin-top: 10px;
    }

    input[type="submit"] {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    }

    input[type="submit"]:hover {
    background-color: #007B9E;
    }

    /* Responsive Stil */
    @media (max-width: 768px) {
    .header {
    flex-direction: column;
    align-items: flex-start;
    }

    .header img {
    height: 80px;
    margin-bottom: 10px;
    }

    table, input[type="submit"] {
    font-size: 14px;
    }

    .footer button {
    font-size: 14px;
    padding: 8px 15px;
    }

    .container {
    padding: 15px;
    margin: 10px;
    }
    }

    @media print {
    .footer button {
    display: none;
    }
    }

    /* Tablo hizalama düzeni */
    .balance-table th, .balance-table td {
    width: 25%; /* Bu genişlik ile üstteki tablolar ile hizalanacak */
    }

    /* Tablo sütun hizalamalarını düzeltme */
    .form-container table th,
    .form-container table td {
    width: 25%;
    text-align: left;
    }

    /* Tablo hizalama ve kayma engelleme */
    .form-container table {
    table-layout: fixed;
    }

    </style>
    </head>
    <body>
    <div class="container">
    <div class="header">
    <img src="logo.png" alt="Firma Bilgisi">
    </div>
    <div class="form-container">
    <h2>Mutabakat Gönderen Firma Bilgileri</h2>
    <table>
    <tr>
    <th>Firma Ünvanı</th>
    <td>Gönderici Firma A.Ş.</td>
    <th>Vergi Dairesi</th>
    <td>Kurumlar V.D.</td>
    </tr>
    <tr>
    <th>Firma Yetkilisi</th>
    <td>Yetkili Ad Soyad</td>
    <th>Vergi Numarası</th>
    <td>0000000000</td>
    </tr>
    <tr>
    <th>Firma Email</th>
    <td>yetkili@mail.com</td>
    <th>Adres</th>
    <td>Firmanın Adresi</td>
    </tr>
    <tr>
    <th>Firma Telefon</th>
    <td>90 212 000 00 00</td>
    <th>Firma Faks</th>
    <td>90 212 000 00 00</td>
    </tr>
    </table>

    <form name="mutabakatForm" action="islem.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
    <h2>Mutabakat Bilgileri</h2>
    <table>
    <tr>
    <th>Firma Ünvanı</th>
    <td><?php echo htmlspecialchars($row['CUSTOMER']); ?></td>
    <th>Mutabakat Dönemi</th>
    <td><?php echo date('d-m-Y', strtotime($row['DONEMILK'])); ?> - <?php echo date('d-m-Y', strtotime($row['DONEMSON'])); ?></td>
    </tr>
    <tr>
    <th>Firma E-Mail</th>
    <td><?php echo htmlspecialchars($row['MAIL']); ?></td>
    <th>Onaylayan IP</th>
    <td><?php if (!empty($row['CEVAPIP'])) {
    echo htmlspecialchars($row['CEVAPIP']);
    } else {
    echo htmlspecialchars($kullanici_ip);
    } ?></td>
    </tr>
    <tr>
    <th>Firma Yetkilisi</th>
    <td><?php echo htmlspecialchars($row['NAME']); ?></td>
    <th>Mutabakat Tarihi</th>
    <td><?php echo date('d-m-Y', strtotime($row['TARIH'])); ?></td>
    </tr>
    <tr>
    <th>Durum</th>
    <td><?php
    if ($row['DURUM'] === 'Evet') {
    echo "Mutabık";
    } elseif ($row['DURUM'] === 'Hayır') {
    echo "Mutabık Değil";
    } else {
    echo "Mutabakat Bekleniyor";
    } ?>
    </td>
    <th>Yanıtlayan</th>
    <td><?php
    if (!empty($row['ONAYLAYAN'])) {
    $cevaptar = new DateTime($row['CEVAPTAR']);
    echo htmlspecialchars($row['ONAYLAYAN']) . " (" . $cevaptar->format('d-m-Y H:i:s') . ")";
    } else {
    echo '<input type="text" name="onaylayan" placeholder="Adınız Soyadınız" required>';
    }
    ?></td>
    </tr>
    </table>

    <!-- Borç / Alacak, Bakiye, Para Birimi Tablosu -->
    <table class="balance-table">
    <tr>
    <th>Borç / Alacak</th>
    <td><?php echo htmlspecialchars($row['BAKTUR']); ?></td>
    </tr>
    <tr>
    <th>Bakiye</th>
    <td><?php echo htmlspecialchars($row['BAKIYE']); ?></td>
    </tr>
    <tr>
    <th>Para Birimi</th>
    <td><?php echo htmlspecialchars($row['CURRENCY']); ?></td>
    </tr>
    </table>

    <div class="footer">
    <div class="button-group">
    <?php if (empty($row['DURUM'])): ?>
    <button type="button" onclick="selectOption('Evet')">Mutabıkız</button>
    <button type="button" onclick="selectOption('Hayır')">Mutabık Değiliz</button>
    <?php endif; ?>
    </div><br>

    <?php if (empty($row['DURUM'])): ?>
    <input type="hidden" id="durum" name="durum" value="">
    <input type="submit" value="Gönder">
    <?php endif; ?>

    <!-- DURUM "Evet" ise yazdırma butonu -->
    <?php if ($row['DURUM'] === 'Evet'): ?>
    <button onclick="printPage()">Mutabakatı Yaz
  • 12-01-2025, 00:30:42
    #7
    Kurumsal Üye
    Desteği için @klcefkan; a teşekkür ederim. Sorun çözülmüştür