Resimlerin alt alta olma sorununu çözdüm.Öncelikle sol taraftakiler için içerik sağ tarafrakiler için içerik 2 classı açıyoruz.Ve css kısmında içerik kodlarının aynılarını içerik2 için de yazıyoruz. Daha sonra içerik adlı classın css kodlarına float-left , içerik2 classının css kodlarına ise float-right ekliyoruz.Anlamayanlar yazsın.Direkt kodları atayım.Ha bi de en önemlisi.Açtığınız her içerik divini bi de /div ile kapatın.Asıl sorun orda patlıyo zaten.
resimleri yaptığımda alttaki ikiliden biri azcık üstte çıkıyor diğeri ise azcık aşağıda çıkıyor bunu nasıl çözücem yani şöyle mesela alt solda 10px lik boşluk varsa alt sağda 30px lik boşluk var
Fotoğrafların altına yazı yazdığımız zaman yazının uzunluğuna kısalığına bağlı olarak fotoğrafların düzeni değişiyor nasıl sabit tutabilirim fotoğrafları
devamını oku kısmı 12:30da, o yazı beyaz renk olmuyor bende sebebi nedir acaba farkedemedım aynısı yazdıgım halde ??white da yazsam red de yazsam o renk sabit değişmiyor
Butona farklı özellikler verdiğinizde uygulanıyorsa, o zaman farklı bir noktada baskın bir özellik vardır. color:red !important; gibi bir kullanım ile ilgili kodu baskın hale getirebilirsiniz. Eğer verdiğiniz hiçbir özellik uygulanmıyorsa, o zaman butona erişim problemi yaşıyorsunuzdur. Yani butonu çağırmak için kullandığınız class ve id'leri yanlış kullanıyorsunuzdur
Hocam fotoğrafların yeri düzgün olmasına rağmen boyutları farklı olduğu için küçüklü büyüklü duruyor tüm fotoğrafların boyutunu nasıl aynı yapabilirim ?
@@Paylastikcacom hocam tam anlıyamamdımda object-fit:cover; bu komutu nereye uygulamam gerekiyor ana sayfasa biri aşşağıda biri yukarda oldu listelerin ve devamını oku butonu aşşağıdda yazdığım tüm metin görünüyor
nav li a :hover diye yazıyorum sadece ikonlarda opaklığı azaltıyor yazıda hiç bir değişiklik olmuyor neden acaba aynı şekilde devamı oku butonunda yazı beyaz olmadı resimin üzerine gidince de opaklık azamlmadı acaba neyi yanlış yapmış olabilirim CEVAPLARSANIZ SEVİNİRİM
Merhaba iyi günler .içeriğin içine float:Right yazıyorum ama hata veriyor ve .btndevamlinkte color white yapıyorum değişmiyor yardımcı olur musunuz teşekkürler
eğer vscode ile çalışıyorsanız class veya id sonuna eklediğimiz :link özelliğinde derleyici onu isim olarak tanıyabiliyor :link yazısını silersen hata ortadan kalkacaktır.
gençler alt alta gelirse eğer diğer içeriğiniz class ını mesela içerik2 olsun değiştirin ve içerik olan class a css de float değeri verin ve left olsun ,içerik2 olan class ada css float değeri verin right olsun ama main deki float değeri left olarak kalsın olmaz ise ki bu muhtemel bile değil içeriklerin widht değerlerini değiştiriniz :) hadi kolay gelsin :)
@@yusufb.3331 Bilmiyorum ben birakali 2 ay oldu yazilim cok sikici moruk yol yakinken vazgec Bunun sonu yok 1000lerce konu var senin sordugun sadece 1i hele sen bir javascripti gor bakalim, Benim matematigim iyi oldugu halde bir sure sonra artik beynim almiyor beynim yandi resmen Hayir bide gidip parali kurs aldim vede staja gittim fakat zor, Cok zaman istiyor yillarca ogrenmek okumap gerek. git baska bir alternativ yolunu bul.
@@Paylastikcacom hocam benimde bir sorum var. Ben her şeyi yaptım fakat dikey olarak kaydırma çubuğu oluştu ve kendi içnde içeriklerim aşağı ve yukarı kayabiliyo sizinki gibi sitenin tamamıyla uyumu değil
Hocam hani fotonun üstüne paylaştıkça yazdık ya onu sadece foto içinde sağdan sola ve soldan sağa yazının kaymasını yapmaya çalışıyorum nasıl yapabilirim, teşekkürler
merhaba dediğiniz gibi yaptım her kodu yazdım ama resimler alt alta geliyor acaba nerde hata yapmış olabilirim kaç defada karşılaştırdım ama sizin kodlar gibi neden böyle oluyor acaba
@@Paylastikcacom evet bire bir sizin dediginiz kodlari uyguladim genislikleri bu sefer düşürdüğümde yan yana geliyor ama biri uzun öbürü kisa oluyor bu sefer resimler
@@Paylastikcacom Hocam visited kısmını white yapıyorum sorunum düzeliyor fakat sol kısımdaki menülere tıklandıgında beyaz oluyorlar. Tam olarak çözümü var mıdır?
@Harry Potter Fan visited kısmı yok onu senin eklemen gerekiyor. Aşağıdaki kodu CSS'e yazdığında sorun ortadan kalkacaktık. .btnDevam:link{ display: block; width:150px; height:45px; padding:10px 20px; background-color: #0071ce; color:white; text-decoration: none; margin:15px; border-radius:10px; } btnDevam:hover{ opacity:0.8; color:white; } .btnDevam:visited{ color:white; } .btnDevam:focus{ color:white; } .btnDevam:active{ color:white; }
hocam 1000 tane resim olsa 1000 tanesinide böylemi ekleyeceğiz ? bütün siteler böyle yapsa çok uzun sürerdi illa daha basit bi yolu vardır değil mi hocam ?
Tabi ki de hayır. O tarz durumlarda veriler veritabanından çekilir. Bunun için php benzeri bir programlama dili gerekir. En son seride biraz php ye değiniyoruz. Sonraki serilerde daha detaylı değinmiş olacağım. Bu seri HTML5 ve CSS3 kullanarak temel bir site oluşturduğumuz bir seri.
@@Paylastikcacom hocam diğer serilerinizde sordum burdada sorayim ben başlığın altındaki texti silince içerik fotoğrafla beraber alta kalıyor yani aynı yazı boyutu olmadan aynı boyutta kalmıyor div nasıl çözücez
Resimler alt alta geldiyse ve aşağıdaki yorumlar çözüm olmadıysa ; --- .rsm içerisine height : 450px; yazıp deneyebilirsiniz.Böylece resimlerin hepsi aynı yükseklite oluyor.
@@ercumentdaysal o yöntem hata verdi yenisini buldum şimdi 4 tane kopyladikya index kisminda kopylağimiz her div'e farkli class ismleri ver cssde icerik kismindaki ozellikleri diyer cllaslarada ver olucak sorun olursa @janeis07 hesabima yaz instagram
Alt Alta Gelme Sorunu çözülmüştür.İndex kısmında İçerik kısmını 4 tane kopyala yapıştır yaparken aradaki devamını oku> (Bunu siliyoruz)siliyoruz.Ben bu şekilde çözdüm gözümden kaçtı
İçerik class'ındaki display:inline-block özelliği block yapıdaki içeriklerin hem blok gibi hem de inline gibi davranmasını sağlıyor. Yani hem genişlik yükseklik verilebilir hem de içerikler yanyana gelebilir. Tabi verdiğimiz genişlik değerleri de mevcut alana 2 içerik sığabilecek ölçülerde olmalı. ruclips.net/video/DsEu7G752Lw/видео.html İlgili videoyu inceleyebilirsiniz
Hocam fotoğrafların yeri düzgün olmasına rağmen boyutları farklı olduğu için küçüklü büyüklü duruyor tüm fotoğrafların boyutunu nasıl aynı yapabilirim ?
Videolarınız çok yararlı , teşekkürler.
İçerikler alt alta gelirse koddaki with boyunutu 48'den düşürün (47% yaptım düzeldi)
Kod:
.icerik{
width: 47%;
height: auto;
display: inline-block;
margin-right: 15px;
border-radius: 10px;
box-shadow: 0 2px 8px 2px rgba(20, 23, 28, .15);
margin-bottom: 10px;
}
Eyvallah kral
kardeş sen adamsın :D
gizli kahramanlar pelerin takmaz :)
eywallah
olm bende diyom benmi malım adammı yanlış ikimizdede sorun yokmuş eyvallah adamsın dopsadopsadmoaps
Saatlerdir uğraştığım şeye sayende 1 saniyede hallettim. Teşekkürler
Anlatımınız açıklayıcı ve güzel, ellerinize sağlık. Daha çok beğeni ve görüntülenmeyi hak ediyorsunuz, teşekkürler.
Fazlasiyla usta
merhabalar bi sorunum var .btnDevam kısmında color bir türlü değişmiyor yani devamını oku yazısını bir türlü rengini ayarlayamadım.
.btnDevam{
color: white
};
Resimlerin alt alta olma sorununu çözdüm.Öncelikle sol taraftakiler için içerik sağ tarafrakiler için içerik 2 classı açıyoruz.Ve css kısmında içerik kodlarının aynılarını içerik2 için de yazıyoruz.
Daha sonra içerik adlı classın css kodlarına float-left , içerik2 classının css kodlarına ise float-right ekliyoruz.Anlamayanlar yazsın.Direkt kodları atayım.Ha bi de en önemlisi.Açtığınız her içerik divini bi de /div ile kapatın.Asıl sorun orda patlıyo zaten.
kardeşim sen şuan yanımda olsan varya yanaklarından öperdim iyiki varsın iyiki bu yorumu atmışsın kral adam
@@Buxycim Ne demek reis. Ben de çözememiştim. Baktım bi çok kişi çözemiyo. Sonra oturup tek tek kodları okuyunca çözdüm ben de.
Denedim fakat bende hala bütün bloklar alt alta, defalarca kontrol etmeme rağmen sorunu çözemedim 😔
aslan aslan
ben hala düzeltemedim yardım edebilirmisiniz
resimleri yaptığımda alttaki ikiliden biri azcık üstte çıkıyor diğeri ise azcık aşağıda çıkıyor bunu nasıl çözücem yani şöyle mesela alt solda 10px lik boşluk varsa alt sağda 30px lik boşluk var
Çok iyi anlatım hocam teşekkürler
Fotoğrafların altına yazı yazdığımız zaman yazının uzunluğuna kısalığına bağlı olarak fotoğrafların düzeni değişiyor nasıl sabit tutabilirim fotoğrafları
10:02 de ben class verince algılamıyor fakat direkt p yazıp parantez açınca algılıyor neden olabilir?
yazım hatası veya noktalama hatası yapıyor olabilirsin
butondaki "Devamı Oku..." rengin beyaz olmadı. neden acaba
.btnDevam:link{
display: block;
width:160px;
height:45px;
padding:10px 20px;
background-color: #0071ce;
color:white;
text-decoration: none;
margin:15px;
border-radius:10px;
hocam görseli ayarladım ama çok sağa gitti altta scroll çıktı ne yapmam gerekiyor?
devamını oku kısmı 12:30da, o yazı beyaz renk olmuyor bende sebebi nedir acaba farkedemedım aynısı yazdıgım halde ??white da yazsam red de yazsam o renk sabit değişmiyor
aynen bulursaniz haber edin
Devamını Oku.. muhtemelen buradaki # 'yi eklemediniz. Bende öyleydi çözdüm.
ABİ dk 13:02 de bende bütün kodlar oluyo butonun içindeki renk yani colora yazdığım kodlar algılamıyo neden
Butona farklı özellikler verdiğinizde uygulanıyorsa, o zaman farklı bir noktada baskın bir özellik vardır. color:red !important; gibi bir kullanım ile ilgili kodu baskın hale getirebilirsiniz. Eğer verdiğiniz hiçbir özellik uygulanmıyorsa, o zaman butona erişim problemi yaşıyorsunuzdur. Yani butonu çağırmak için kullandığınız class ve id'leri yanlış kullanıyorsunuzdur
bunun gibi direkt tag'in içinde belirle textin rengini
Resim yukarı gelmiyor ne yapmam lazım .
Hocam Devamını Oku yazısının rengi değişmiyor.
Sadece ".btnDevam" yap, Onun İçine "color: white" yaz, Oluyo. Benimki De Olmamıştı, Öyle Yapınca Düzeldi. Umarım İşine Yarar.
@@bluedragon6426 Eyvallah
@@zanteartz Birşey Değil
@@bluedragon6426 adamsın
resimleri ekleyince benim resimler alt alta geldi. nasıl düzeltebilirim?
Hocam şu koyduğumuz resimlerve yazılar benim yan yana gelmiyor alt alta gidiyor sorun ne olabilir acaba
Teşekkürler ellerinize sağlık👏👏👏👏👏👏
Css komutlarını dediğiniz gibi yapmama rağmen Devamını Oku yazısı beyaz renk olmadı.
SATIN AL
dene bunu böyle oluyor bende de şey fotoğraflar asla şak diye yan yana olmuyo
@@miyacilegends .icerik{
width: 46%;
height: auto;
display: inline-block;
margin-right: 15px;
border-radius:10px;
box-shadow: 0 2px 8px 2px rgba(20,23,28, 15);
margin-bottom: 15px;
bu kısımdakı width değerini düşürün 48% olmuyordu 46% yaptım düzeldi.
@@miyacilegends thanks =)
Hocam resimler alt alta oldu bende nasıl yan yana yapabilirim
Div içine almamış sındır yazıları
.içerik teki width 47 yap büyük geliyo
Teşekkürler... Ağzına sağlık.
Hocam fotoğrafların yeri düzgün olmasına rağmen boyutları farklı olduğu için küçüklü büyüklü duruyor tüm fotoğrafların boyutunu nasıl aynı yapabilirim ?
Resimleri boyutlandırıp object-fit:cover; özelliği verebilirsiniz. Bu sayede verdiğiniz boyuta oturacaktır
@@Paylastikcacom hocam tam anlıyamamdımda object-fit:cover; bu komutu nereye uygulamam gerekiyor ana sayfasa biri aşşağıda biri yukarda oldu listelerin ve devamını oku butonu aşşağıdda yazdığım tüm metin görünüyor
@@Buxycim css de resim için ayırdığın bölüme yaz
Button rengi değişmedi ne ypabilirm
hocam ben box shadow yapınca siinki gibi gölgeli olmuyor aynı şekilde kalıyo renklerlede oynadım ama olmadı
nav li a :hover diye yazıyorum sadece ikonlarda opaklığı azaltıyor yazıda hiç bir değişiklik olmuyor neden acaba aynı şekilde devamı oku butonunda yazı beyaz olmadı resimin üzerine gidince de opaklık azamlmadı acaba neyi yanlış yapmış olabilirim CEVAPLARSANIZ SEVİNİRİM
Fotoğraflar alt alta geldiler. Sizde olduğu gibi ikili olmadı. Fotoğrafların boyutu yüzünden mi acaba?
Aynı boyutta koyucunca bozulmadan oluyor css kısmında .icerik kısmında parantezler içine float= left ya da right yazınca videodaki gibi oluyor.
@@mustafasahan6243 zahmet olmaz ise bir daha ayrıntılı bir şekilde yazarmısınız
@@evisaf8363 icerik class inin içine float:left; yazman yeterli. aynı işlemi main içinde yapmıştık
@@mustafasahan6243 bende olmadi yazmama ragmen
@@evisaf8363 display:block yaz float:left yaz icerik calsina duzelicek
Abi benim tasarladığım sayfanın kenarlarında kırmızı çizgiler var çerçeve gibi onları nasıl götürebilirim ?
Arkadaşlar resimlerin alt alta gelmesi aslında tarayıcı ile alakalı google boyutlandırması 90% yapın anlayacaksınız .. :)
hocam bende fotoğrafla metin bir değil metin ekranın sonuna kadar gidiyor nerdeyse resimle orantılı değil onu nasıl düzeltebilirim
Bendede aynisi oluyor çözüm buldunmu nasil düzeltecegiz?
hocam devamını oku butonuna basınca yazı gelmesini istiyorum nasıl yapacağım
Merhaba çözüm bulabildiniz mi ?
arkadaşlar fotoğraflar alt alta geliyor diye soruyor çoğu kişi. Hocamız css de içerik kısmında width e 48% verdi onu düşürün sorun çözülecektir.
tesekkur ederm kardesım saatlerdır onu arıyodum
@@minigamer1823 ne demek hocam kolay gelsin 👍
Peki kaça düşürecegiz
resimler alt alta geldi ise devamı kutusuna 10px vermiştik onu 5 px yapın düzeliyor arkadaşlar
abi devamını oku butonundaki yazı beyaz olmadı color:white yaptığım halde nasıl düzeltebilirim aynı mavi renkte kaldı
aynı sorun bendede var hocam halledebildiniz mi
@@OnlyOmerr malesef
@@TeddyEthem ben hallettim
@@TeddyEthem yarin atacam çözümü
@@OnlyOmerr tmm dır
devamını oku butonu beyaz olmuyor hocam napmam gerekiyo ?
btnDevam classının link durumuna arkaplan rengi vermeniz gerekir
SATIN AL
Abi Bnede Butun Resimler Altalta Geliyor Nasıl Yapıcam Lutfeb Cevap Ver
düzeltebildiniz mi ? aşağıdaki yorumları okudum sıkıntıyı çeken çok kişi var ama sunulan çözümler işe yaramadı bende
@@filizkahrman2643 kopyalarken imgden itibaren değil de divleri de kopyalayın düzelir
içerik kısmının "widht" değerini düşürün sorun çözülecektir
harıkasın abi cok iyi anlatıyorsun
hcm ben yazı rengini hiç bir türlü beyaz yapamıyorum -_-
hocam 4 tane resim attım ama boyutları birbirinden farklı oldu. ikşer ikişer farklı boyutlar olarak konumlandı şu an.
Fotoğrafları birbirlerine göre ayarlaman lazım. Boyutla ilgili yani
Resimler için Object-fit:cover özelliğini kullanmanız işe yarayabilir
Merhaba iyi günler .içeriğin içine float:Right yazıyorum ama hata veriyor ve .btndevamlinkte color white yapıyorum değişmiyor yardımcı olur musunuz teşekkürler
bendede ayni sorun oldu Devam yazisni span etiklerin arasina yaz ve span etiketinde ver color white ozeligini olucak
eğer vscode ile çalışıyorsanız class veya id sonuna eklediğimiz :link özelliğinde derleyici onu isim olarak tanıyabiliyor :link yazısını silersen hata ortadan kalkacaktır.
benim resimlerin aynı boyutta olmadığın hepsi farklı şekilde çıkıyor çok dağınık gözüküyor bu sorunu nasıl halledebilirim
@@berfinselcuk2579 yanıtı yeni gördüm verdiğin bilgi için teşekkür ederim bu baya işime yarayacak
hocam benim resim sizinki gibi menülerin sağına geçmedi halen aşağıda bunu nasıl düzenleyebiliriz
Genişlik ve float değerlerini kontrol etmenizi öneririm
@@Paylastikcacom ettim saatlerce tekrar tekrar izledim fakat resim aşağıda kalıyor lütfen yardımcı olun
hocam mian bölümünde sıralama alt alta oluoyor.4 lü yan yana dizilim olmadı aynen uygulamama rağmen
Bendede senin dedigin gibi oldu çözümü nedir
gençler alt alta gelirse eğer diğer içeriğiniz class ını mesela içerik2 olsun değiştirin ve içerik olan class a css de float değeri verin ve left olsun ,içerik2 olan class ada css float değeri verin right olsun ama main deki float değeri left olarak kalsın olmaz ise ki bu muhtemel bile değil içeriklerin widht değerlerini değiştiriniz :) hadi kolay gelsin :)
Hocam naziları yan yana bazilari alt alta geliyor cözüm nedir yardimçi olurmusun lütfen
bende olmadı hocam :/
Bende resimler çok küçük çıkıyor.
abi ben boyutlari farkli olan resimler ekliyorum fakat ozamanda duzenleri boziliyor .
bunlari izaliyacak bir yontem varmi?
background-size: cover; kodunu resimlere ekleyebilirsiniz.
@@Paylastikcacom doğru ya unuttum, saol 😀👍
Suan senin Bootstrap ile yaptigin siteyi,
kendi proje siteme göre tasarliyacagim.
@@burhanakcan7350 Tam olarak nasıl yapmamız lazım söyler misin
@@yusufb.3331 Bilmiyorum ben birakali 2 ay oldu yazilim cok sikici moruk yol yakinken vazgec Bunun sonu yok 1000lerce konu var senin sordugun sadece 1i hele sen bir javascripti gor bakalim, Benim matematigim iyi oldugu halde bir sure sonra artik beynim almiyor beynim yandi resmen Hayir bide gidip parali kurs aldim vede staja gittim fakat zor, Cok zaman istiyor yillarca ogrenmek okumap gerek. git
baska bir alternativ yolunu bul.
hocam merhabalar aynı şekilde yeni dosya ile html yaptım ama ben tıklayınca gitmiyor? nerede hata yapmış olabilirim?
Hangi kısımda sorun yaşadığınızı daha detaylı bir şekilde belirtir misiniz?
Ulaş kaptan varya
Merhaba hocam bişey sorabilirmiyim
tabi
@@Paylastikcacom hocam benimde bir sorum var.
Ben her şeyi yaptım fakat dikey olarak kaydırma çubuğu oluştu ve kendi içnde içeriklerim aşağı ve yukarı kayabiliyo sizinki gibi sitenin tamamıyla uyumu değil
Hocam hani fotonun üstüne paylaştıkça yazdık ya onu sadece foto içinde sağdan sola ve soldan sağa yazının kaymasını yapmaya çalışıyorum nasıl yapabilirim, teşekkürler
merhaba dediğiniz gibi yaptım her kodu yazdım ama resimler alt alta geliyor acaba nerde hata yapmış olabilirim kaç defada karşılaştırdım ama sizin kodlar gibi neden böyle oluyor acaba
Verdiğiniz genişlikleri küçültmeyi denediniz mi?
@@Paylastikcacom evet bire bir sizin dediginiz kodlari uyguladim genislikleri bu sefer düşürdüğümde yan yana geliyor ama biri uzun öbürü kisa oluyor bu sefer resimler
@@kadincahaber bende de boyle oldu.
içerik kısmına float:left; yaz
abi .btnDevam:link{} yapınca devamını oku yazısının rengi değişmiyor nasıl degistirecez 2 saattir girmedigim renk kalmadı
Eğer linke daha önce tıkladıysanız, artık visited kısmındaki kısımlar aktif hale gelir. Bu kısmı kontrol etmenizi tavsiye ederim
aynı sorun bende de oldu color: white; yapmama rağmen renk değişmiyor.
@@Paylastikcacom Hocam visited kısmını white yapıyorum sorunum düzeliyor fakat sol kısımdaki menülere tıklandıgında beyaz oluyorlar. Tam olarak çözümü var mıdır?
@Harry Potter Fan visited kısmı yok onu senin eklemen gerekiyor. Aşağıdaki kodu CSS'e yazdığında sorun ortadan kalkacaktık.
.btnDevam:link{
display: block;
width:150px;
height:45px;
padding:10px 20px;
background-color: #0071ce;
color:white;
text-decoration: none;
margin:15px;
border-radius:10px;
}
btnDevam:hover{
opacity:0.8;
color:white;
}
.btnDevam:visited{
color:white;
}
.btnDevam:focus{
color:white;
}
.btnDevam:active{
color:white;
}
Devam yazsini span etiketin arasina yaz ve span etiketine ver beyaz rengi olucak
devamını oku yan yana çıkmıyo
devamını
oku
diye çıkıyo acaba neden olur
gerek kalmadı ... tane nokta koymuşum otomatik alta kayıyo bu yüzden
arklar resimlerin boyutlarını nasıl aynı yapabilirim? çözümü olan var mı
Float:left yapmam birsey degistirmiyor ve fotograf menunun altında kalıyor. Çözümünü bulan varsa yardımcı olabilir mi
öncesinde ki komttan sonra ; koy
@@yusufcan461 koydum zaten
İçerik bölümündeki widht değerini 48% değil de daha düşük yapmayı denerseniz düzeliyor. Ben 47 yaptım düzeldi.
resimlerin boyutları aynı değil ise hizalanmıyor mu ? nasıl yapabiliriz açıklayın lütfen
Resimlerin boyutları farklı olabilir fakat yan yana geldiklerinde içerisinde bulundukları alana sığabilmeleri gerekir.
@Snow evet bendede aynı hizaya gelmiyodu taaki yorumu görüncete kadar teşekkürler hocam heighta250px verince neden düzeldi acaba onu tam anlayamadım
hocam 1000 tane resim olsa 1000 tanesinide böylemi ekleyeceğiz ? bütün siteler böyle yapsa çok uzun sürerdi illa daha basit bi yolu vardır değil mi hocam ?
Tabi ki de hayır. O tarz durumlarda veriler veritabanından çekilir. Bunun için php benzeri bir programlama dili gerekir. En son seride biraz php ye değiniyoruz. Sonraki serilerde daha detaylı değinmiş olacağım. Bu seri HTML5 ve CSS3 kullanarak temel bir site oluşturduğumuz bir seri.
@@Paylastikcacom hocam diğer serilerinizde sordum burdada sorayim ben başlığın altındaki texti silince içerik fotoğrafla beraber alta kalıyor yani aynı yazı boyutu olmadan aynı boyutta kalmıyor div nasıl çözücez
div'e genişlik yükseklik vererek boyutlarını koruyabilirsiniz.
içerik kısmında gölge oluşmadı her şey aynı olmasına rağmen
Gözden kaçırdığınız bir yerler olabilir. Tekrardan bakmanızı tavsiye ederim. Sorun devam ederse yardımcı olmaya çalışayım
Bilal bey sorum olacak. Benim yaptığım proje her ekranda farklı gözüküyor dağınık iç içe nasıl düzelir
eğer alt alta oluyorsa .icerik width:45/46/47% olarak deneyin
Resimler alt alta geldiyse ve aşağıdaki yorumlar çözüm olmadıysa ; --- .rsm içerisine height : 450px; yazıp deneyebilirsiniz.Böylece resimlerin hepsi aynı yükseklite oluyor.
Anlatim cok iyi ve faydali, ego iise sifir, 10 üzerinden 10.
hocam css kodlarken en başta
img{
width: 100%;
height: auto;
}
verseydiniz boyut ile bu kadar uğraşmanıza gerek kalmazdı
Arkadaşlar Resimler alt alta geliyorsa icerik kısmını id ile değil class ile atayın kesin çözüm :)
reis
olmadı ya
@@emingokduman9627 display:inline block yap
Hocam içerikleri 2 li sıra halinde yapmışsınız ama hiçbir şekilde ben 2 li sıra yapamıyorum
Öncelikle videoda atladığınız, gözden kaçırdığınız kısımlar olabilir. Genişlik, margin ve float özelliklerine dikkat etmenizi öneririm
css dosyanda içerik bölümündeki widht değerini düşürürsen sorunun çozulecektir.
Onu çözdüm şimdi de yazıyı azalttığım zaman içerik kutusunun boyutu küçülüyor onu çözemedim
resimler alt alta geldi yardım eder misin ?
@@Jamesis07 nereye yazıyım bunu dostum
@@ercumentdaysal o yöntem hata verdi yenisini buldum
şimdi 4 tane kopyladikya index kisminda
kopylağimiz her div'e farkli class ismleri ver cssde icerik kismindaki ozellikleri diyer cllaslarada ver olucak sorun olursa @janeis07 hesabima yaz instagram
@@Jamesis07 yaptığınız bu yöntemize deniyorum ama olmuyor hala alt alta geliyorlar
@@filizkahrman2643 her icerik kismina farkli class ismini ver olmuyorsa janeis07 instagram hesabina kodlari mesaj at
@@Jamesis07 attım kontrol eder misin
14:30 hepsi 1sütun olarak geldi
bende de
aynen
resim küçülüyor ama boyutu küçülmüyor
div i kapattığınız yere dikkat edin
Alt Alta Gelme Sorunu çözülmüştür.İndex kısmında İçerik kısmını 4 tane kopyala yapıştır yaparken aradaki devamını oku> (Bunu siliyoruz)siliyoruz.Ben bu şekilde çözdüm gözümden kaçtı
O zaman hepsinde devamini oku yazisi ve kutusu çikmiyor
abi resimler altalta geldi yardım edermsn
@Turkish Army kanka yaptim coktan saol
@@fexcreative4599 reis acil yardım eder misin bende de aynı sorun resimler alt alta
@@ercumentdaysal ayn float:left versemse yine alt alta geliyor
@Beraber Kodluyoruz ben yazdim olmadi yine
Ben yaptm
o alttaki çentik kalkmıyor haberiniz olsun
Kendi projemi yaptığım için videodan hiçbir şey anlamadım, kodları biraz daha detaylı anlatsaydın keşke abi
Böyle projelere başlamdan önce html html 5 css ve css 3 serilerin tamamla etiketlerin ne işe yaradini bak sonra böyle pratik yap
Merhaba ben paragraf eklemye çalışınca yana doğru kayıyor kısaltınca da hic olmuyor ne yapabilirim?
hocam icerik classını kopyaladık ondan sonra resimler yan yana ve alt alta geldi bunun asıl sebebi hangi css özelliğimiz
İçerik class'ındaki display:inline-block özelliği block yapıdaki içeriklerin hem blok gibi hem de inline gibi davranmasını sağlıyor. Yani hem genişlik yükseklik verilebilir hem de içerikler yanyana gelebilir. Tabi verdiğimiz genişlik değerleri de mevcut alana 2 içerik sığabilecek ölçülerde olmalı.
ruclips.net/video/DsEu7G752Lw/видео.html
İlgili videoyu inceleyebilirsiniz
Bendede hem yan yana hem alt alta geldi nasil çözecegim yardimçi olur musun
Birebir aynısını yaptım ama .btnDevam:link deki color değeri çalışmıyor. Yazı beyaz olmadı. Nasıl düzeltebilirim?
Hangi durumda çalışmadığı önemli. Eğer siz linke tıklamışsanız .btnDevam:visited içerisindeki özellikler uygulanır.
Merhaba sorunun çözümünü bulduysan bilgilendirebilir misin bulamadım da.
@@t3kk2000 .btnDevam:visited kontrol et ve .btnDevam display: inline-block; oldupun aemin ol
@@t3kk2000 Visual Studioda çalışıyorsan btnDevam:link'in altına bi tane de btnDevam aç sonra ona color white ver çözülür
Hocam bnim fotoğraf lar düzgün olmadı alt alta geliyor nasıl düzeltilir
display inline block yapıcaktın içerik kısmını
Hocam fotoğrafların yeri düzgün olmasına rağmen boyutları farklı olduğu için küçüklü büyüklü duruyor tüm fotoğrafların boyutunu nasıl aynı yapabilirim ?
en baş ksımda img ye widh 100% height auto olarak ayarla boyut vermene gerek kalmadan kendi kendine ayarlayack zaten