reset.css, mevcut html etiketlerini tüm tarayıcılarda aynı varsayılan değerlerine ayarlar evet. Ancak senin sonradan yazacağın css kodları, tarayıcılar arası uyumsuzluğa sebep olabilir. Zira her css kodu her tarayıcıda uygulandığı gibi kullanılmıyor, bunları zamanla tecrübe ederek öğrenebilirsin. css hack diye araştırarak bir çok tarayıcı hilesine ulaşabilirsin :) en önemlisi kodlamanı yaptıktan sonra tarayıcılarda açıp kontrol et, sorunlarını buraya yaz birlikte yardımcı olalım.
tek yapman gereken .browser class'ına max-width: 100%; değerini eklemek :)
birkaç saniye aralıkla bir ajax isteği gerçekleştirip son değerleri alıp gösterebilirsin.
ya da
socket kurup socket ile gerçek zamanlı işlemler yaptırabilirsin. İlgili video: https://www.youtube.com/watch?v=dM_Afb2zNho
doğru şekilde dosyanı include edemiyorsundur, yoksa çalışmaması imkansız :) şu şekilde fonksiyonun var olup olmadığını kontrol ederek bunu anlayabilirsin;
if (!function_exists('fonksiyon_adi')){
echo 'fonksiyon_adi tanımlanmamış';
}
o zaman bu duruma özel bi get parametresi gönder, db bağlantısında bu get varsa token kontrolünü es geç :)
o zaman datatables server side örneğinde token göndermeyi dene;
$(document).ready(function() {
$('#example').DataTable( {
"processing": true,
"serverSide": true,
"ajax": {
"url": "scripts/server_processing.php",
"data": function ( d ) {
d.token = 'token buraya';
}
}
} );
} );
html yapın şöyle olsun;
<div class="container">
<div class="box auto"></div>
<div class="box w-100"></div>
<div class="box w-250"></div>
<div class="box w-200"></div>
<div class="box full"></div>
<div class="box w-150"></div>
<div class="box auto"></div>
<div class="box w-250"></div>
<div class="box w-150"></div>
<div class="box full"></div>
<div class="box auto"></div>
<div class="box auto"></div>
<div class="box w-100"></div>
</div>
css kodlarında şöyle;
.container {
width: 1000px;
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.container .box {
height: 150px;
background: #eee;
border: 1px solid #ddd;
box-sizing: border-box;
margin: 0 10px;
}
.container .box.full {
width: 100%;
min-width: 100%;
border: none;
height: 20px;
background: transparent;
}
.container .box.auto {
flex: 1;
}
.container .box.w-100 {
width: 100px;
min-width: 100px;
}
.container .box.w-150 {
width: 150px;
min-width: 150px;
}
.container .box.w-200 {
width: 200px;
min-width: 200px;
}
.container .box.w-250 {
width: 250px;
min-width: 250px;
}
Kullanabileceğin bir sürü html template engine var. örneğin;
ya da apache'yi kullanarak yaparsın. Çalıştığın sunucuda ya da local'inde .htaccess dosyası oluşturup içine şunları yaz;
Options +Includes
AddType text/html .html
AddOutputFilter INCLUDES .html
ve index.html dosyanda şu şekilde include işlemi yap;
<body>
<!--#include file="./header.html" -->
Content
<!--#include file="./footer.html" -->
</body>
fetchAll(PDO::FETCH_ASSOC) yerine fetch(PDO::FETCH_ASSOC) dener misin :)
sen bunu php tarafında değilde veritabanında sorgulaman gerekiyor. tabi sorgulamak için pdo ya da mysqli kullanabilirsin ancak sayfanın varlık kontrolü veritabanından aranarak yapılır. Oda örneğin;
$url = $_GET['url'];
$query = $db->prepare('select * from konular where konu_url = :url');
$row = $query->execute([
'url' => $url
]);
if ($row){
// ilgili konu var, artık burada konu.php'ni dahil edip orada $row değişkenini kullanarak gösterim yapabilirsin
} else {
// konu yok, ya yönlendirirsin ya da 404 sayfası gösterirsin.
}