CSS menü ortalanmıyor

OGAX · 14 Aralık 2020

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?

300319 · 14 Aralık 2020

OGAX dedi:
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?

Atakan D. · 14 Aralık 2020

text-align:center olmalı. Yine olmazsa sonuda !important koy. Yine olmadı html içinden özel css yazabilirsin.

ugureryavuz · 14 Aralık 2020

Text-align: Center bununla dener misin.

OGAX · 14 Aralık 2020

300319 dedi:
Eki Görüntüle 780489

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

ugureryavuz dedi:
Text-align: Center bununla dener misin?

Yok kanka olmuyor. Kodun içerisinde dahil zaten.

Atakan D. dedi:
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ı

Gokhankrll · 14 Aralık 2020

CSS:

.topnav a {
    /*float:left;*/
    /*display: block;*/
    display:inline-block;
}

@media only screen and (min-width: 572px) {
    .topnav a {
        display:block;
        text-align:center;
    }
}

OGAX · 14 Aralık 2020

.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.

CSS menü ortalanmıyor

Ayrıntılı düzenleme

OGAX

Femtopat

300319

Zettapat

Atakan D.

Megapat

ugureryavuz

Decipat

OGAX

Femtopat

Gokhankrll

Megapat

OGAX

Femtopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz