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

hayl0s

Decapat
Katılım
17 Eylül 2021
Mesajlar
407
Çözümler
2
Daha fazla  
Cinsiyet
Erkek
Meslek
Öğretmen
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?
sorunum.png


#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;
 
Son düzenleme:
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.
 
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.
 

Yeni konular

Geri
Yukarı