Teşekkür ederim arkadaşlar.
Hallettim arkadaşlar. Listeleyeceğim şeyleri "order by" ile "siranumarasınagore" yi seçerek hallettim. Teşekkürler.
Merhabalar. "stil.css" e ekledim söylediğiniz kodları. İşe yaramadı. Kodları aşağıya tekrar koydum. Ufak tefek düzenlemeler yaptım. Sorumla ilgili değişiklikler değil ama tekrar bakmak isterseniz diye. Aşağıya resim de koyuyorum. Bir de koyduğum ilk resim "index.php" sayfasında slider eklemedenki hali. Slider eklediğimde ise diğer resimdeki gibi oluyor.
https://imgyukle.com/i/Oces6h
https://imgyukle.com/i/OceDi8
<?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" media="screen" href="stil.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">
<?php
$ustresimsorgusu = $db->query("SELECT * FROM ustresim ORDER BY ustresim_id DESC LIMIT 1");
$ustresimsorgusu->execute(array());
$ustresimsorgusu=$ustresimsorgusu->fetchAll(PDO::FETCH_ASSOC);
foreach($ustresimsorgusu as $ustresim) {
?>
<div>
<img src="upload/ustresim/<?php echo $ustresim['ustresim_yol']; ?>" style="width:100%; height:240px;" />
</div>
<?php } ?>
<!-- Üst Menü Başlangıcı -->
<nav class=" navbar navbar-expand-lg navbar-light bg-info menu">
<button class="boyutlandir 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" href="index.php"><img src="upload/logo/<?php echo $logo['logo_adi']; ?>" width="50" height="25" title="<?php echo $logo['logo_baslik']; ?>"></a>
<?php } ?>
<ul class="navbar-nav mr-auto">
<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="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="">
?>
Sorunu hallettim arkadaşlar. "session_start();" altına "ob_start();" da yazmam lazımmış. Teşekkürler.
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ı.