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

sprXogzz dedi:

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.

Eki Görüntüle 1758455

Genişletmek için tıkla...

CSS Buttons

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

sprXogzz dedi:

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.

Eki Görüntüle 1758455

Genişletmek için tıkla...

Samet Kırıcı dedi:

İstediğin sol taraf için buton koymakmı sol beyaz kısmı nasıl yapacağını mı öğrenmek istiyorsun ona göre anlatacağım?

Genişletmek için tıkla...

Samet Kırıcı dedi:

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:Panoya kopyala

.Beyaz {
widht: 300px;
height: 100px;
gap: 10px;
display: flex;
flex-direction: column;
padding-top: 20px;
padding-bottom: 20px;
align-items: center;
justify-content: center;
}

Genişletmek için tıkla...

Oğuz21321 dedi:

hocam teşekkür ederim yeni başladım da bunu kopyalayıp yapıştırsam olur mu? (Çalışır mı)

Genişletmek için tıkla...

sprXogzz dedi:

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.

Eki Görüntüle 1758455

Genişletmek için tıkla...

Oğuz21321 dedi:

HTML:Panoya kopyala

<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

Genişletmek için tıkla...

<div class="Beyaz">

Genişletmek için tıkla...

Oğuz21321 dedi:

HTML:Panoya kopyala

<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

Genişletmek için tıkla...

Samet Kırıcı dedi:

hayır yanlış html kodu yanlış



bu konularda yeniysen ProtoTürk adlı youtube kanalı var html ve css serisi var onu full bitir

Genişletmek için tıkla...