Merhabalar aşağıdaki kodlara bir bakabilir misiniz? Dediğinizi uyguladım. Bazı sayfaları bu şekilde düzenleyebildim ama bazı sayfaları yapamadım. Mesela index sayfası. En alttaki "div" e dediğiniz kodu uyguladım. En altta büyük bir boşluk oluşuyor. Nasıl çözebiliriz bu sorunu? Resmini de koyuyorum.
https://resimyukle.net/image/bFxB
<?php
<!doctype html>
<html lang="tr">
<script
src="https://code.jquery.com/jquery-3.5.1.js"
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin="anonymous"></script>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Konya Bozkırlılar Derneği">
<meta name="keywords" content="bozkır, bozkırlılar derneği, konya bozkırlılar derneği">
<meta name="author" content="Mali">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="fontawesome/css/fontawesome-all.min.css" />
<link rel="stylesheet" href="css/stil.css" />
<link rel="stylesheet" href="css/solmenu.css" />
<link rel="stylesheet" href="css/benim-slider.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" media="screen" href="stil.css">
<link rel="stylesheet" href="css/etkinliklerimiz.css" />
<link rel="stylesheet" href="css/slider.css">
<link rel="stylesheet" href="css/admin-solmenu.css" />
<link rel="stylesheet" href="css/admin-solmenu-index.css" />
<script src="slider/package.json"></script>
<script src="slider/pgwslider.jquery.json"></script>
<script src="slider/pgwslider.js"></script>
<script src="slider/pgwslider.min.js"></script>
<link rel="stylesheet" href="slider/pgwslider.css">
<link rel="stylesheet" href="slider/pgwslider.min.css">
<script src="js/slider.js"></script>
<title>Konya Bozkırlılar Derneği</title>
</head>
<script>$('.carousel-inner div:first').addClass('active');
$('.carousel-indicators li:first').addClass('active');
</script>
<body>
<div class="container">
<div>
<img src="images/en-ust-resim-2.jpg" class="img-fluid">
</div>
<!-- Üst Menü Başlangıcı -->
<nav class="navbar navbar-expand-lg navbar-light bg-info menu">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<?php
$logosorgusu = $db->query("SELECT * FROM logo ORDER BY logo_id DESC LIMIT 1");
$logosorgusu->execute(array());
$logosorgu=$logosorgusu->fetchAll(PDO::FETCH_ASSOC);
foreach($logosorgu as $logo) {
?>
<a class="navbar-brand mt-1" href="index.php"><img src="logo/<?php echo $logo['logo_adi']; ?>" width="50" title="<?php echo $logo['logo_baslik']; ?>"></a>
<?php } ?>
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active nav-pills">
<a class="nav-link text-white" href="index.php">Anasayfa | </a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="hakkimizda.php">Hakkımızda | </a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="resim-galerisi.php">Resim Galerisi |</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="video-galerisi.php">Vidyo Galerisi |</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="ziyaretcidefteriformu.php">Ziyaretçi Defteri |</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="iletisim.php">İletişim |</a>
</li>
</ul>
<div class="dropdown-divider"></div>
<ul class="nav navbar-nav navbar-right text-white">
<li class="nav-item">
<a class="nav-link text-white" href="kayit-formu.php">Kayıt |</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="giris-formu.php">Giriş</a>
</li>
</ul>
</div>
</nav>
<!-- Üst Menü Bitişi -->
<div class="row no-gutters mt-2" style=" min-height:100vh;">
<?php } ?>
?>
Tamam arkadaşlar. "nl2br();" koduyla hallettim.
Arkadaşlar hizalama işlemlerini hallettim. Tek problemim resimde görüldüğü gibi "footer" ın altındaki büyük boşluklar. Genelde dikeyde çok çıkıyor bu boşluk. 100px; 200px; gibi. Mesela alttaki resim "ipad width:1024px"
https://hizliresim.com/JxsjFh
@media screen and (min-width: 992px) and (max-width: 1199px) {
.videomediaquery {
width:32.5%;
height:165px;
float:left;
margin-left:1.1%;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.videomediaquery:first-child {
width:32.5%;
height:165px;
float:left;
margin-left:0%;
}
}
Arkadaşlar ben media query leri ayarlıyorum ama mesela iphone xr yan tutulduğu vakit görüntü bozuk çıkıyor. mesela iphone xr için dikey görünümde problem yok ama yan yatırdığımda sayfa bozuluyor. Ipad in bir cihazında dikeyde de yatayda da problem yok ama başka bir tabletin dikeyinde problem yok ama yatayında var. Aslında baktığım bir çok cihazda problem yok gibi ama kafamda çok karıştı.
Merhabalar. Aşağıdaki kodu buldum. Sayfalar arası geçişte sayfayı kaydırmıyor. "style.css" nin en başına koydum. Problemim çözüldü. Cevap için teşekkür ederim.
html {
margin-left: calc(100vw - 100%);
margin-right: 0;
}
Teşekkür ederim.
O halde "null" değerini footer'a yakın bir yerde "header" kısmının en alt kısımlarında falan vermek gerekli. Bir vidyoda gördüm veritabanı bağlantısının oluşturulduğu sayfada veriyordu "null" değerini. Başka bir vidyoda da "footer" a yakın bir yerde veriyordu. "null" verdiğimizde veritabanı bağlantısı oluşuyor ve hemen kapatılıyor. Bu durumda da sayfalar veritabanına bağlanamayınca da hata veriyor. "header" kısmının en altlarına yani bütün sorgular bittikten sonra koymak gerekli yani. Performans konusunda neredeyse hiç bilgim yok ama öğrenmek istediğim bir diğer konuda bu aslında. Tamam teşekkür ederim. :)
Arkadaşlar merhaba. Konunun sonuna geldim ve son bir şey kaldı. Şu an ki sorunumu anlamak için en üstten okumanıza gerek yok. Buradan itibaren okuyabilirsiniz. Şu probleme tekrar bir bakabilir misiniz? Şimdi yanyana listeleme işini farklı bir şekilde yapmaya karar verdim ve o konuda bir problem kalmadı. Problem şu: Albümleri 1. resimdeki gibi listeletiyorum. Albüm adına tıklayınca o albüme ait resimler çıkıyor başka bir sayfada. 2. resme bakabilirsiniz. Ama aynı zamanda da sayfalama yaptırmak istiyorum. Onu da yaptım. Aynı anda hem sayfalamayı hem de id ye göre resim listeletmeyi beceremedim. 1. resim albüm listeletme, 2. resim sayfalama, 3. resim ise albüme göre filtreleme.
Sayfalama yaptığım kodlar aşağıda
<?php
$sayfa = @intval($_GET['sayfa']); if(!$sayfa) $sayfa = 1;
$resimsorgusu = $db->query("SELECT * FROM albumeresimekle ORDER BY albumeresimekle_id DESC");
$ToplamVeri = $resimsorgusu->rowCount();
$Limit = 5;
$Sayfa_Sayisi = ceil($ToplamVeri/$Limit); if($sayfa > $Sayfa_Sayisi){$sayfa = 1;}
$Goster = $sayfa * $Limit - $Limit;
$GorunenSayfa = 2;
$resimsorgusu=$db->prepare("SELECT * FROM albumeresimekle order by albumeresimekle_id DESC limit $Goster,$Limit");
$resimsorgusu->execute(array());
$resimsorgu=$resimsorgusu->fetchAll(PDO::FETCH_ASSOC);
foreach($resimsorgu as $resim) {
?>
<div class="cokluresimlistelealani">
<div class="cokluresimlisteleresim"><img src="../../../upload/albumeresimekle/<?php echo $resim["albumeresimekle_adi"]; ?>">
<div class="cokluresimlisteleresimyazisi">
<a href="../../../resim-galerisi.php<?php echo $resim['albumeresimekle_baslik']; ?>"><?php echo $resim['albumeresimekle_baslik']; ?></a>
<div class="silduzenlediv"><a href="duzenle.php?duzenle=<?php echo $resim['albumeresimekle_id']; ?>"><div class="duzenle">Düzenle</div></a><a href=""><div class="sil">Sil</div></a></div>
</div>
</div>
</div>
<?php } ?>
<div style="clear: both;">
<?php if ($sayfa > 1) { ?>
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;">
<a href="resimlistele.php?sayfa=1">İlk</a></div>
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;">
<a href="resimlistele.php?sayfa=<?php echo $sayfa - 1 ?>">Önceki</a></div>
<?php } ?>
<?php
for($i = $sayfa - $GorunenSayfa; $i < $sayfa + $GorunenSayfa +1; $i++) {
if($i > 0 and $i <= $Sayfa_Sayisi) {
if($i == $sayfa) {
?>
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;">
<?php echo '<span>'.$i.'</span>'; ?>
</div>
<?php } else { ?>
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;">
<?php echo '<a href="resimlistele.php?sayfa='.$i.'">'.$i.'</a>'; ?>
</div>
<?php } } } if ($sayfa != $Sayfa_Sayisi) { ?>
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;"><a href="resimlistele.php?sayfa=<?php echo $sayfa + 1 ?>">Sonraki</a></div>
<div style="float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 37px;"><a href="resimlistele.php?sayfa=<?php echo $Sayfa_Sayisi ?>">Son</a></div>
<?php } ?>
</div>
Filtreleme yaptığım kodlar aşağıda
<?php
ob_start();
include "../../../baglanti.php";
?>
<head>
<link rel="stylesheet" href="../../../css/stil.css">
</head>
<?php
$resimsorgusu = $db->query("SELECT * FROM resimalbumu WHERE resimalbumu_id");
$resimsorgu = $resimsorgusu->fetchAll(PDO::FETCH_ASSOC);
$resimlerilistele = $_GET['resimlerilistele'];
$resimsorgusu = $db->query("SELECT * FROM albumeresimekle WHERE albumeresimekle_sirasi='$resimlerilistele'");
$resimsorgu = $resimsorgusu->fetchAll(PDO::FETCH_ASSOC);
foreach($resimsorgu as $resim) {
?>
<div class="cokluresimlistelealani">
<!-- Resimleri ve başlıklarını komple birbiri ardına sola alıyor. Başlangıç -->
<div class="cokluresimlisteleresim"><img src="../../../upload/albumeresimekle/<?php echo $resim["albumeresimekle_adi"]; ?>">
<div class="cokluresimlisteleresimyazisi">
<a href="../../../resim-galerisi.php<?php echo $resim['albumeresimekle_baslik']; ?>"><?php echo $resim['albumeresimekle_baslik']; ?></a>
<div class="silduzenlediv"><a href="duzenle.php?duzenle=<?php echo $resim['albumeresimekle_id']; ?>"><div class="duzenle">Düzenle</div></a><a href=""><div class="sil">Sil</div></a></div>
</div>
</div>
</div>
<?php } ?>
İkisini birleştiremedim. yardım edebilirseniz sevinirim.
https://hizliresim.com/9S9Ibi
https://hizliresim.com/OZ6WmP
https://hizliresim.com/DM9dwE
Çok ufak bir problem kaldı. Onu da halledebilirseniz sevinirim. 1. resimdeki gibi listelettim. Başlıkların yanında "devam" linki var. O linke tıklayınca aşağıdaki kodlara gidiyor. Sorun 2. resimde.
<?php
ob_start();
include "../../../baglanti.php";
?>
<head>
<link rel="stylesheet" href="../../../css/stil.css">
</head>
<?php
$resmegit = $_GET['resmegit'];
$resimlistsorgusu = $db->query("SELECT * FROM albumeresimekle WHERE albumeresimekle_sirasi='$resmegit'");
$resimlistsorgu = $resimlistsorgusu->fetchAll(PDO::FETCH_ASSOC);
foreach($resimlistsorgu as $resimlist) {
?>
<div style="width:99.3%; height:50px; background:#81a8f4; padding-left:10px; font-size:20px;
color:#fff;"><?php echo $resimlist['albumeresimekle_baslik']; ?></div>
<br>
<div class="cokluresimlisteleresim" style="color:#fff;">
<img src="../../../upload/albumeresimekle/<?php echo $resimlist['albumeresimekle_adi']; ?>"></div>
<?php } ?>
https://resimyukle.org/i/6yRe4
https://resimyukle.org/i/6yF70