Demek istediğini pek anlayamadım.
.cokluresimlisteleresim img {
min-width:100px;
max-width:300px;
height: 200px;
padding-left:3px;
}
.cokluresimlisteleresim img:first-child {
padding: 0;
}
Doğru çözüm bu olmayabilir ama aklıma gelen bootstrap kütüphanesine küçük bir dokunuşla olabilir
// SASS Dosyası
#container {
// Bootstrap kütüphanesinin kodları kopyala yapıştır
}
Anladığım kadarıyla yerini bulamıyormuş.
flutter config --android-studio-dir="/snap/android-studio/current/android-studio"
bu satır yardımcı oldu.
Şimdik yeni bir sorun daha çıktı. Kolay olsa şaşardım zaten.
Failed to launch flutter_emulator: Error: Emulator didn't connect within 60 seconds
Kodları ->
.accordion .content {
background-color: #fff;
transition: height .2s ease-in-out;
height: 0;
overflow: hidden;
}
.accordion .content.show {
height: 100px;
}
const buttons = document.querySelectorAll('.accordion button');
let cotents = document.querySelectorAll('.accordion .content');
buttons.forEach(function (e) {
e.onclick = function () {
let content = e.nextElementSibling;
if (content.classList.contains('show')) {
content.classList.remove('show');
} else {
cotents.forEach(function (c) {
c.classList.remove('show');
});
content.classList.add('show');
}
}
});
'() =>' bu aslında 'function()' yazımının kısa hali yani,
album.addEventListener('change', function() { id.value = album.value; });
Böylede yazılabilirdi.
Birbirine atama olayı dediğin yerde,
album dediğim senin select etiketin.
id dedigim ise ekranda select ile seçtiğin option, değerini göstericek olan input.
Şimdi sen select ile herhangi bir şey seçtiğinde seçtiğin şeyin option value değerini,
var album = document.querySelector('#album');
Bu şekilde alıyoruz misal istanbul seçtin idsi 34 olsun artık album değişkeninde 34 değeri var sonrasın da tek yapmak gereken ekrandaki inputta bunu göstermek o inputu da şu şekilde tanımlamıştık.
var id = document.querySelector('#id');
/*
Bundan sonra ki kısımda da şunu diyorum, Eğer select ile herhangi bir şey seçilirse onun değerini al ve inputun değerine yaz.
*/
album.addEventListener('change', () => { id.value = album.value; });
Ve de Foreach parantezleri burada
parantezlerin dışında olanı
<!-- Eski hali -->
<input type="text" name="idsi" style="text-align:center;" id="id" value="<?php echo $resimalbumu['resimalbumu_id']; ?>">
<!-- Yeni hali -->
<input type="text" name="idsi" style="text-align:center;" id="id">
Şeklinde düzelt
<input type="text" name="idsi" style="text-align:center;" id="id" value="<?php echo $resimalbumu['resimalbumu_id']; ?>">
<!-- Bu kısım foreach dışında kalmış, çalışmıyordur. -->
var album = document.querySelector('#album'); // Select
var id = document.querySelector('#id'); // Input
album.addEventListener('change', () => {
id.value = album.value;
});
Menüde kullanılan a etiketlerinin yanlardan çok fazla iç boşluğu var buda haliyle sayfa küçülünce taşma yapıyor.
Çözüm olarak istersen daha erken mobile görünüme geçmesini sağlayabilirsin (Uğraştırır) ya da
/* Eski Hali */
#oc-menu-4441 .ul-top-items .li-top-item .a-top-link {
padding: 17px 26px 13px 26px;
}
/* Yeni Hali */
#oc-menu-4441 .ul-top-items .li-top-item .a-top-link {
padding: 17px 12px 13px;
}
Şeklinde düzeltebilirsin.
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
html,body{
width: 100%;
height: 100%;
}
#wrapper{
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
}
.main-sidebar{
flex: 1;
background-color: #343a40;
}
.content-wrapper{
display: flex;
flex-direction: column;
flex: 3;
}
.content-wrapper .main-header{
border-bottom: 1px solid #efefef;
background-color: #fff;
}
.content-wrapper .main-content{
height: 100%;
background-color: #f4f6f9;
}
.content-wrapper .main-footer{
margin-top: auto;
border-top: 1px solid #efefef;
background-color: #fff;
}