Çözüldü İki farklı öğeyi tek bir div yapısı içine almak

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Bingoo

Bingoo

Hectopat
Katılım
10 Aralık 2020
Mesajlar
3.371
Makaleler
3
Çözümler
46
Daha fazla  
Cinsiyet
Erkek
Arkadaşlar web sitesi tasarlarken bir sorunla karşılaştım. Sorun tam olarak şöyle;

Ekran Resmi 2023-02-24 11.23.42.png


Alt taraftaki yazılacaklar listesini karan carpet yazan yerin sağ tarafına koymak istiyorum. Bunu da şu şekilde denedim;

Ekran Resmi 2023-02-24 11.26.12.png


Bir üst sınıfı oluşturdum ve bu sınıfı hem karan carpet yazan H1 öğesine hem de ulli sıralamalarına verdim lakin sonuç gördüğünüz gibi alt alta iki adet oluştu. Bunu nasıl çözebilirim?
 
Çözüm
Eray T
@Bingoo bu kodu dener misiniz?

HTML: 
<html>
    <head>
        <style>

            *{ margin: 0; padding: 0; text-decoration: none; }


            body{
                background-color: #fff;
                font-family: serif;
         
            }

            header{
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 20px 20px;
                background-color: green;
             }

                header > a{
                    color: #fff;
                    font-size: 25px;
                }            
         

             header > nav{
                justify-content: center; align-items: center; display: flex;
             }
             header > nav > ul{
                justify-content: center; align-items: center; display: flex; flex-direction: row;
             }

             header > nav > ul > li{
                list-style: none;
                margin: 0 20px;
             }
             header > nav > ul > li > a{
                color: #fff;
             }


         
        </style>
    </head>
    <body>
        <header>
            <a href="#">Logo</a>
            <nav>
                <ul>
                    <li><a href="#">Link 1</a></li>
                    <li><a href="#">Link 2</a></li>
                    <li><a href="#">Link 3</a></li>
                    <li><a href="#">Link 4</a></li>
                    <li><a href="#">Link 5</a></li>
                </ul>
            </nav>
        </header>

    </body>
</html>
Tarihe göre sırala Puana göre sırala
@Eray T hocam rahatsız ediyorum kusura bakmayın. Web sitesi tasarlamaya biraz ara vermiştim tekrar dönünce bu konuya bir kere daha bakındım ve nav adlı etiketi kullandığınızı gördüm. İnternetten biraz araştırdım lakin sadece ne işe yaradığını anlatıyorlardı ve sanki div yapısıyla pek farkı yok gibiydi. Size soracağım şey şu. Bu nav etiketinin divden farklı ne işlevi var? Nav ile yapılan işlerin aynısı div ile de yapılabilir mi?
 
Artı 0 Eksi

Benzer konular

M
Python iki farklı kod nasıl birleştirilir?
2
Mesaj
11
Görüntüleme
1B
Monsieur Fatih
M
MoonMoon40
  • Soru
C# formda tek bir forma iki tane SQL bağlanır mı?
Mesaj
3
Görüntüleme
58
kitty_assassin
kitty_assassin
Serpenos
Struct Yapısı
Mesaj
4
Görüntüleme
2B
Ronoa9
Ronoa9
Serpenos
Kontrol Yapısı
Mesaj
6
Görüntüleme
267
xelarmen
X
H
  • Kilitli
Çözüldü  ASP.NET İki Tarih Arasını Almak
Mesaj
7
Görüntüleme
2B
HainKostok
H

Yeni konular

Yeni mesajlar

Geri
Yukarı