HTML / CSS ile buton menüsü nasıl yapılır?

sprXogzz

Hectopat
Katılım
27 Nisan 2022
Mesajlar
420
Çözümler
2
Daha fazla  
Cinsiyet
Erkek
Arkadaşlar istediğim şeyi çizdim ve siyah kısım sitenin ilk kısımı:
İstediğim şey tam olarak şu: Sol tarafa beyaz bir kısım koyup onun üstüne butonları eklemeyi düşünüyorum ama bunu nasıl yapacağımı bulamadım, çözemedim.
Bootstrap'ta falan aradım bulamadım bilen çözen varsa yazabilir mi? Teşekkürler, iyi sosyaller.

 
Son düzenleyen: Moderatör:
Çok detaylı hakim değilim konuya ancak buna bakabilirsin.
 
istediğin sol taraf için buton koymakmı sol beyaz kısmı nasıl yapacağını mı öğrenmek istiyorsun ona göre anlatacağım?
 
İstediğin sol taraf için buton koymakmı sol beyaz kısmı nasıl yapacağını mı öğrenmek istiyorsun ona göre anlatacağım?

Hocam uyarı yedim de 1 saat banım var buradan yazacağım. Sol beyaz kısmı nasıl yapacağımı öğrenmek istiyorum yanlış başlık attım o sebeple yanlış anlaşılmış.
 
Anlatıyorum;
Sol taraf için örneğin bir Div etiketi aç class Beyaz ver sonra css de Beyaz kısmın boyutunu ayarla örneğin
300x100 yapalım sonra bune bir display flex vereceksin ve flex direction column vereceksin çünkü alt alta sıralanması için padding top ver üst kısım için bottom da ver alt kısım için sonra align-item center veriyoruz sebebi dikeyde ortalanması için sonra bide yataytda sıralanması için justify content center verin
sonra Beyaz adlı divin içinde istediğiniz kadar div ekleyin aralarında 10 px boşluk bırakır ve ekler

Kod:
.Beyaz {
widht: 300px;
height: 100px;
gap: 10px;
display: flex;
flex-direction: column;
padding-top: 20px;
padding-bottom: 20px;
align-items: center;
justify-content: center;
}
 
hocam teşekkür ederim yeni başladım da bunu kopyalayıp yapıştırsam olur mu? (Çalışır mı)
 
hocam teşekkür ederim yeni başladım da bunu kopyalayıp yapıştırsam olur mu? (Çalışır mı)
beyaz isimli div açın yapıştırın çalışır

Ayrıca sana önerim html ve css konusunda chat gpt çok başarılı bu tarz soruları çok iyi cevaplıyor ben html ve css yapıyorum genellikle çok işime yarıyor chatgpt
 
HTML:
<div>beyaz</div>

    .Beyaz {

        widht: 300px;

        height: 100px;

        gap: 10px;

        display: flex;

        flex-direction: column;

        padding-top: 20px;

        padding-bottom: 20px;

        align-items: center;

        justify-content: center;

        }
doğru mu hocam
 
hayır yanlış html kodu yanlış
<div class="Beyaz">

bu konularda yeniysen ProtoTürk adlı youtube kanalı var html ve css serisi var onu full bitir
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…