CSS menü ortalanmıyor

OGAX

Femtopat
Katılım
14 Aralık 2020
Mesajlar
7
Daha fazla  
Cinsiyet
Erkek
Tryit Editor v3.6

Arkadaşlar burada menu linki var aynısını kullanıyorum ama çözünürlüğe göre yazıların ortalanmasını istiyorum.
Float: Left; olduğu için text-align: Center; işe yaramıyor.

Yardım eder misiniz?
 
Tryit Editor v3.6

Arkadaşlar burada menu linki var aynısını kullanıyorum ama çözünürlüğe göre yazıların ortalanmasını istiyorum.
Float: Left; olduğu için text-align: Center; işe yaramıyor.

Yardım eder misiniz?

1607963009083.png
 

Kanka sağ ol o görünümde işe yaradı ancak asıl normal halini istiyorum. Navbar olmadan önceki halini ortalayabilir misin?

Text-align: Center bununla dener misin?

Yok kanka olmuyor. Kodun içerisinde dahil zaten.

Text-align: Center olmalı. Yine olmazsa sonuda! İmportant koy. Yine olmadı HTML içinden özel CSS yazabilirsin.

Important denememiştim ama o da işe yaramadı :(
 
CSS:
.topnav a {
    /*float:left;*/
    /*display: block;*/
    display:inline-block;
}

@media only screen and (min-width: 572px) {
    .topnav a {
        display:block;
        text-align:center;
    }
}
 
.topnav a {
display: inline-block;
color: #f2f2f2;
padding: 14px 3%;
text-decoration: none;
font-size: 17px;
}

+


<div class="topnav" id="myTopnav"><center>
<a href="#home" class="active">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a></center>
</div>


css i böyle yapınca ve div içine "<center>" ekleyince halloldu.
Uğraşlarınız için teşekkürler. @Gokhankrll display-inline yardımcı oldu sağol.

Konu kapatılabilir.
 
Son düzenleme:
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Technopat Haberler

Yeni konular

Geri
Yukarı