CSS Menü Barı Nasıl Genişletilir?

hayl0s · 17 Aralık 2022

Gösterdiğim yerde çevre yazısından sonra bir şey ekleyemiyorum. Kodun içine eklesem bile gözükmüyor. Nasıl çözebilirim? CSS kısmında hangi kodu değiştirmem lazım?
Ekleme yapmama engel olan nedir?

#header div div#navigation {
font-family: 'Bahnschrift SemiBold';
float: right;
height: auto;
line-height: 50px;
margin-top: 27px;
text-transform: capitalize;
width: 614px;
}

#header div div#navigation div {
background: url(../images/bg-navigation-left-curve.gif) no-repeat left top;
padding-left: 4px;
height: 63px;
width: auto;
}

#header div div#navigation div ul {
background: url(../images/bg-navigation.gif) repeat-x;
clear: both;
float: left;
height: 63px;
list-style: none;
margin: 0;
padding: 0;
min-width: 600px;
}

#header div div#navigation div ul li:first-child {
background: none;
}

#header div div#navigation div ul li {
background: url(../images/separator-navigation.gif) no-repeat center left;
float: left;
padding: 0 30px;
}

#header div div#navigation div ul li a {
color: #9CCC65;
text-decoration: none;
text-shadow: 1px 1px 0 #006400;
}

#header div div#navigation div ul li.current a,
#header div div#navigation div ul li a:hover {
color: #2e5306;
text-shadow: 1px 1px 0 #9CCC65;

kaan.w · 17 Aralık 2022

CSS:

#header div div#navigation div ul {
    background: url(../images/bg-navigation.gif) repeat-x;
    clear: both;
    float: left;
    height: 63px;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 900px;
}

HTML kodlarını da görmeden kesin cevap veremem ama buradaki min-width değeri ile oynamayı denediniz mi? Ben 900px yaptım.

249873 · 18 Aralık 2022

Tarayıcı geliştirici panelinden biraz width değerleriyle oynayıp sorunu çözebilirsiniz diye düşünüyorum.

Greenville · 19 Aralık 2022

nav {
width: 100%;
background-color: #333;
}

Tarayıcı içerisindeki Html kodlarına bakarak, yapmamız gerekir aslında. Ama yukarıdaki kod bütünlüğüne bakarak yapabilirsiniz.

CSS Menü Barı Nasıl Genişletilir?

Ayrıntılı düzenleme

hayl0s

Hectopat

kaan.w

Megapat

249873

Kilopat

Greenville

Hectopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz