Teşekkür ederim. İşe yaradı.
Teşekkür ederim cevaplar için.
Mesela atıyorum, sunucuları Türkiye'de olan e-ticaret sitelerinde bulunması gereken sayfalar şunlar veya dünyanın neresinde olursa olsun muhakkak bulunması gereken sayfalar vs. gibi şeyleri soruyorum. Mesela "hepsiburada" sitesinde "footer" kısmında "Anasayfa" linki bulunmamamsına rağmen yerli bir e-ticaret sitesi demosunda "Anasayfa" linki var. Tasarımı ona göre yapacağım, sonradan sıkıntı çıkarmasın diye soruyorum.
Teşekkür ederim cevaplar için.
Arkadaşlar problem halloldu. "tumbolumlerdiv" div'ine "position:absolute" vermiştim. "Position" ı kaldırınca düzeldi. Peki "position:absolute" niye böyle bir probleme sebep oldu acaba?
Nerede nasıl kullanmam gerektiğini anlayamadım. Eksik anlatmış olmayayım. "indexsayfasi-digerbilgiler" div'ine "margin-top:1250px" verdim. Sayfa ilk açıldığında karşınıza çıkacak ilk ürünler "çok satanlar" ürünleri. Sayfa ilk açıldığında, sayfa aşağıdaki 1. resim gibi gözüküyor. "Yeni Ürünler" butonuna tıkladığınızda sayfa, aşağıdaki 2. resim gibi gözüküyor. Aşağıya eklediğim iki resme bakabilir misiniz?
"Yeni Ürünler" butonuna tıkladığımda "Güvenli Alışveriş", "7/24 Destek" kısmı çok aşağıda kalıyor. "margin-top" vermedeiğimde ise aşağıdaki 3. resimde görüldüğü şekilde oluyor. Çok karmaşık olur diye eklememiştim ama "indexurun.php" sayfasını ve css kodlarını da ekliyorum.
https://www.hizliresim.com/r8b53qd
https://www.hizliresim.com/3uwvw39
https://www.hizliresim.com/3h2atbx
"indexurunler.php sayfasına ait css kodları"
.urunlersayfasi-indexurunler-container-alani {
width:100%;
height:auto;
}
.tumbolumlerdiv {
position:absolute;
width:1140px;
margin-top:60px;
margin-left:0px;
}
.index-cok-satanlar-buton {
position:absolute;
width:160px;
height:40px;
background:#cd5c5c;
color:#fff;
margin-top:10px;
}
.index-kampanyali-urunler-buton {
position:absolute;
width:190px;
height:40px;
background:#cd5c5c;
color:#fff;
margin-top:10px;
margin-left:180px;
}
.index-yeni-urunler-buton {
position:absolute;
width:160px;
height:40px;
background:#cd5c5c;
color:#fff;
margin-top:10px;
margin-left:390px;
}
.urunkarti {
width:23%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:377px;
text-align: center;
font-family:arial;
float:left;
margin-left:2.66%;
margin-top:15px;
}
.urunkarti:nth-child(-n+4) {
width:23%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:377px;
text-align: center;
font-family:arial;
float:left;
margin-top:0px;
}
.urunkarti:first-child {
width:23%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:377px;
text-align: center;
font-family:arial;
float:left;
margin-left:0%;
}
.urunkarti:nth-child(4n+1) {
width:23%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:377px;
text-align: center;
font-family:arial;
float:left;
margin-left:0%;
}
.urunkarti img {
width:100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:200px;
text-align: center;
font-family:arial;
float:left;
margin-left:0px;
}
.indexurunler-icerik-yazisi {
height:67px;
font-size:17px;
margin-top:210px;
padding:0px 5px;
}
.fiyat {
height:35px;
line-height:35px;
color: grey;
font-size:22px;
margin-top:0px;
}
.urunkarti button {
width:100%;
height:35px;
line-height:35px;
border:none;
outline:0;
padding:0px 5px;
color:white;
background:#60a3bc;
text-align:center;
cursor:pointer;
font-size:18px;
margin-top:0px;
}
.urunkarti button:hover {
background:#596275;
opacity: 0.9;
margin-top:0px;
}
.index-urunler-asagiacilir-div {
position:absolute;
width:1140px;
height:45px;
margin-top:1070px;
text-align:center;
}
.index-urunler-asagiacilir-div img {
width:65px;
height:30px;
}
.indexdigerfirsaturunleri {
position:absolute;
width:1140px;
height:450px;
margin-top:1100px;
margin-left:0px;
}
.indexdigercokurunleri {
position:absolute;
width:1140px;
margin-top:1100px;
margin-left:0px;
}
.indexdigerkampanyaurunleri {
position:absolute;
width:1140px;
margin-top:1100px;
margin-left:0px;
}
.indexurun-incele-yazisi {
position:absolute;
width:10%;
height:30px;
line-height:30px;
font-size:16px;
background:#60a3bc;
color:#fff;
}
indexurunler.php
<body>
<div class="urunlersayfasi-indexurunler-container-alani">
<form action="" method="POST">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-cok-satanlar-buton" onclick="cok()" name="coksatanlar" value="Çok Satılanlar">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-kampanyali-urunler-buton" onclick="kampanya()" name="kampanyaliurunler" value="Kampanyalı Ürünler">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-yeni-urunler-buton" onclick="yeni()" name="yeniurunler" value="Yeni Ürünler">
</form>
<div class="row no-gutters">
<?php if(isset($_POST['yeniurunler'])) { ?>
<div id="yeniurunlerbolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunleryeni_resim, indexurunleryeni_icerik, indexurunleryeni_fiyat FROM indexurunleryeni ORDER BY indexurunleryeni_id DESC LIMIT 20";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunleryeni_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunleryeni_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunleryeni_fiyat']; ?></p>
<p><button>Sepete Ekle</button></p>
</div>
<?php } ?>
</div>
<?php } elseif (isset($_POST['kampanyaliurunler'])) { ?>
<div id="kampanyabolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlerkampanya_resim, indexurunlerkampanya_icerik, indexurunlerkampanya_fiyat FROM indexurunlerkampanya ORDER BY indexurunlerkampanya_id DESC LIMIT 20";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlerkampanya_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlerkampanya_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlerkampanya_fiyat']; ?></p>
<p><button>Sepete Ekle</button></p>
</div>
<?php } ?>
</div>
<?php } else { ?>
<div id="cokbolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlercoksatanlar_resim, indexurunlercoksatanlar_icerik, indexurunlercoksatanlar_fiyat FROM indexurunlercoksatanlar ORDER BY indexurunlercoksatanlar_id DESC LIMIT 20";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlercoksatanlar_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlercoksatanlar_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlercoksatanlar_fiyat']; ?></p>
<p><button>Sepete Ekle</button></p>
</div>
<?php } ?>
</div>
<?php } ?>
</div> <!-- row bitişi -->
</div> <!-- Container Bitişi -->
<script type="text/javascript">
function yeni {
document.getElementById("#yeniurunlerbolumu").style.display = "block";
document.getElementById("#cokbolumu").style.display = "none";
document.getElementById("#kampanyabolumu").style.display = "none";
}
function cok {
document.getElementById("#cokbolumu").style.display = "block";
document.getElementById("#yeniurunlerbolumu").style.display = "none";
document.getElementById("#kampanyabolumu").style.display = "none";
}
function kampanya {
document.getElementById("#kampanyabolumu").style.display = "block";
document.getElementById("#yeniurunlerbolumu").style.display = "none";
document.getElementById("#cokbolumu").style.display = "none";
}
</script>
</body>
Teşekkür ederim. "p0" işe yaradı. Bilgiler için teşekkür ederim.
Html kısmını eklemeyi unutmuşum.
<div class="container">
<div class="logo-sosyalmedya-ve-giris-kayit-alani-div">
<div class="logo">
<a href="index.php"><img src="images/logo/logo.jpg" /></a>
</div>
</div>
</div>
Arkadaşlar şu şekilde hallettim sonunda. Herkese teşekkür ederim.
<?php
<div class="indexurunler-container-alani">
<form action="" method="POST">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-firsat-urunleri-buton" onclick="firsat()" name="firsaturunleri" value="Fırsat Ürünleri">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-cok-satanlar-buton" onclick="cok()" name="coksatanlar" value="Çok Satılanlar">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-kampanyali-urunler-buton" onclick="kampanya()" name="kampanyaliurunler" value="Kampanyalı Ürünler">
</form>
<div class="row no-gutters">
<?php if(isset($_POST['coksatanlar'])) { ?>
<div id="cokbolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlercoksatanlar_resim, indexurunlercoksatanlar_icerik, indexurunlercoksatanlar_fiyat FROM indexurunlercoksatanlar";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlercoksatanlar_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlercoksatanlar_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlercoksatanlar_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
<?php } ?>
</div>
<?php } elseif (isset($_POST['kampanyaliurunler'])) { ?>
<div id="kampanyabolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlerkampanya_resim, indexurunlerkampanya_icerik, indexurunlerkampanya_fiyat FROM indexurunlerkampanya";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlerkampanya_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlerkampanya_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlerkampanya_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
<?php } ?>
</div>
<?php } else { ?>
<div id="firsatbolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlerfirsat_resim, indexurunlerfirsat_icerik, indexurunlerfirsat_fiyat FROM indexurunlerfirsat";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlerfirsat_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlerfirsat_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlerfirsat_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
<?php } ?>
</div>
<?php } ?>
</div>
</div>
<script type="text/javascript">
function firsat {
document.getElementById("#firsatbolumu").style.display = "block";
document.getElementById("#cokbolumu").style.display = "none";
document.getElementById("#kampanyabolumu").style.display = "none";
}
function cok {
document.getElementById("#cokbolumu").style.display = "block";
document.getElementById("#firsatbolumu").style.display = "none";
document.getElementById("#kampanyabolumu").style.display = "none";
}
function kampanya {
document.getElementById("#kampanyabolumu").style.display = "block";
document.getElementById("#firsatbolumu").style.display = "none";
document.getElementById("#cokbolumu").style.display = "none";
}
</script>
?>
Arkadaşlar benim problemim devam ediyor. Yardımcı olabilir misiniz? :)