CSS Tablo İşlemleri

Maddox67

Decapat
Katılım
24 Nisan 2019
Mesajlar
57
Merhabalar.

Aşağıda paylaştığım kodda ilk sütündaki sütün içine yazılan herhangi bir sayı ile 2. sütündaki sayıyı elde etmek için ilk sütüna sayılan sayı x 2 olarak 3. sütündakine de elde etmek için ilk sütündaki yazılan sayı x 3 şeklinde yapamıyorum bir türlü. yardım edebilecek bir arkadaşımız var mı?
[CODE lang="css" title="Css Tablo"]<table align="center" border="1" cellpadding="0" cellspacing="0" style="width:700px">
<tbody>
<tr>
<td style="text-align:center"><span style="font-size:12pt">10.000</> ₺</span></td>
<td style="text-align:center; span style=">20.000</> ₺</span></td>
<td style="text-align:center; span style="><span style="font-size:12pt">30.000</> ₺</span></td>
</tr>
</tbody>
</table>[/CODE]
 
Son düzenleyen: Moderatör:
Doğru anladıysam CSS ile matematiksel işlem yapamazsın. PHP olarak şöyle yapabilirsin:

PHP:
<?php
    $sayi= "10.000";
?>
<table align="center" border="1" cellpadding="0" cellspacing="0" style="width:700px">
    <tbody>
        <tr>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*2; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*3; ?> ₺</span></td>
        </tr>
    </tbody>
</table>
 

Tam anlatamadığım için özür dilerim
1. sütuna ne yazarsam onu 2. ve 3. sütunlarda hesap ederken kullanacak
Aşağıda anlatmaya çalıştım birazcık ama herhalde anlaşacağız
Yardımlarınız için teşekkürler.

değişken bir sayıdeğişken bir sayı x 1 =değişken bir sayı x 2 =
 
Evet bu şekilde.
PHP:
<?php
    $sayi= "5";
?>
<table align="center" border="1" cellpadding="0" cellspacing="0" style="width:700px">
    <tbody>
        <tr>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*1; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*2; ?> ₺</span></td>
        </tr>
    </tbody>
</table>

Bu şekilde 2. satırdaki 'sayi' değişkenine hangi sayıyı yazarsan;
soldaki sütuna o sayı gelecek,
ortadaki sütuna o sayının 1 katı gelecek,
sağdaki sütuna o sayının 2 katı gelecek.

Başta da belirttiğim gibi, çalışması için PHP kullanman gerek.

848 sayısını girerek şöyle bir sonuç aldım:
 
Çok teşekkür ederim.
Anladım dediklerinizi sağolun.
 
[CODE lang="html" title="HTML"]<!DOCTYPE html>
<html>
<head>
<title>Tablo</title>
</head>
<body>
<table>
<tbody>
<tr>
<td id="sayibir">1000</td>
<td id="sayiki"></td>
<td id="sayiuc"></td>
</tr>
</tbody>
</table>

<script>
var sayi = document.getElementById("sayibir").innerHTML;
document.getElementById("sayiki").innerHTML = sayi * 1;
document.getElementById("sayiuc").innerHTML = sayi * 2;
</script>
</body>
</html>[/CODE]

Javascript ile şöyle basit bir şey yazdım.
 

Elinize sağlık sağ olun.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…