CSS-də yazının fon rəngi

Salam Dostlar, Men css-de bir problemlə qarşılaşdım … Deməli belə şəkildə gördüyünüz kimi background-color yalnız text-in arxasını tutur, onun css-ni nece düzəldim ki ətrafını da daxil etsin?

CSS:

 

.nav-bar ul{
list-style:none;
background-color:#724e2a;
border-radius:15px;
height:40px;
padding-top:15px;
padding-left:20px;
}
.nav-bar ul li{
height:40px;
padding-left:30px;
display:inline;
height:40px;
}

.nav-bar ul li a:link, .nav-bar ul li a:visited{
height:30px;
text-decoration:none;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#FFF;

}
.nav-bar ul li a:hover, .nav-bar ul li a:active{
width:30px;
height:30px;
text-decoration:none;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#FFF;
background-color:#bdbe49;
}


Yadda saxlama
Kateqoriya: Sual . , . Qısa keçid.

Verilmiş cavablar və yazılan şərhlər (5 cavab var)

(00:38, 07/07/2013 ) #31299

Yalnız əlvə ediləcək kodları yazıram. Kodları yoxlamadan yazdığım üçün işləməyə də bilər.

.nav-bar ul li { line-height:40px;} – bu bölmədə iki dəfə height işlətmisiz. O səhvdi

.nav-bar ul li a:link, .nav-bar ul li a:visited, .nav-bar ul li a:hover, .nav-bar ul li a:active { display:block; height:40px; line-height:40px; padding:0 6px 0 6px; }

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(11:08, 07/07/2013 ) #31306

Qaqaw Sen Dediklerini Yazdim Indi de Bele Oldu, Awagi qeder geldi amma yuxari yox ve texti bir az awagi salir, paddingle de yuxari qaldirmaq olmur.

http://s018.radikal.ru/i510/1307/d4/b494d1fe8f26.png

.nav-bar ul li a:hover, .nav-bar ul li a:active{
line-height:40px;
padding:0px 6px 0 6px;
display:inline-block;
height:40px;
text-decoration:none;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#FFF;
background-color:#bdbe49;
}

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

    (15:11, 07/07/2013 ) #31311

    bu kodu copy-paste edin görün istədiyiniz kimidir?

    .nav-bar ul{
    list-style:none;
    background-color:#724e2a;
    border-radius:15px;
    height:40px;
     padding-top:15px;
    padding-left:20px;
    }
    .nav-bar ul li{
    height:40px;
    padding-left:30px;
    display:inline;
        
    }
    
    .nav-bar ul li a:link, .nav-bar ul li a:visited{
    height:30px;
    text-decoration:none;
    font-size:16px;
    font-family:Verdana, Geneva, sans-serif;
    color:#FFF;
        padding: 6px;
    
    }
    .nav-bar ul li a:hover, .nav-bar ul li a:active{
    width:30px;
    height:30px;
    text-decoration:none;
    font-size:16px;
    font-family:Verdana, Geneva, sans-serif;
    color:#FFF;
    background-color:#bdbe49;
        
    }
    

    nümunə görünüş

    http://jsfiddle.net/p3ZCF/

    Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(12:02, 08/07/2013 ) #31319

Kodlara bunu da əlavə etsəz düzələr

.nav-bar ul{
padding-top:0px;
}

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(15:09, 08/07/2013 ) #31324

bu cür kod əlavə et

.nav-bar ul li a{
display:block;
padding:5px 10px;
background-color:#istediyin reng;
color:#istediyin reng;
text-decoration:none;
}

CSS HTML barəsində video dərsliklər burda tapa bilərsən BakuARTS.com

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

Bu suala aid öz sualım var:
Sual verin
Bu suala cavab vermək istəyirəm:
Cavab verin

Cavab verin


Cavab yazmaq üçün lütfən sağ sütundan və ya buradan hesaba daxil olun.

Üzvlər üçün giriş

Qeydiyyat

Elan qutusu

Son cavablar və şərhlər

E. Hacı cavab verdi - 300$ Gömrük Limitini keçdim (23 saat əvvəl)

Software Developer cavab verdi - Aliexpress gömrük rüsumu nəyə görə hesablanır? (2 gün əvvəl)

AliyevYT cavab verdi - Honeygain, passiv gelir (3 gün əvvəl)

Sıradan biri cavab verdi - IMEI qeydiyyatı (5 gün əvvəl)

Fariz Huseynli cavab verdi - cerimenin öyrənilməsi (8 gün əvvəl)

Software Developer cavab verdi - cerimenin öyrənilməsi (9 gün əvvəl)

Software Developer cavab verdi - Kapital bank rekvizit payoneer (9 gün əvvəl)

Software Developer cavab verdi - Hər hansı kompyuter proqramının (EXE faylı) etibarlı olub olmaması yəni qanuni və ya saxta olduğunu necə bilmək olar ? (9 gün əvvəl)

txmn cavab verdi - Hərbi biletsiz, möhlətsiz iş (12 gün əvvəl)

Galaxy cavab verdi - X-də (Twitter) premium abunəliklə bağlı çətinlik (12 gün əvvəl)

Rsad Ncfli cavab verdi - Payonner 2024 ilə bağlı sual (18 gün əvvəl)

Software Developer cavab verdi - Payonner 2024 ilə bağlı sual (18 gün əvvəl)

Rsad Ncfli cavab verdi - Payonner 2024 ilə bağlı sual (18 gün əvvəl)

Software Developer cavab verdi - Payonner 2024 ilə bağlı sual (18 gün əvvəl)

Mehemmed002 cavab verdi - Xaricdən alınan məhsul gömrük bəyannamə (25 gün əvvəl)

Software Developer - 615 xal

E. Hacı - 607 xal

Onar Alili - 526 xal

Dilsuz - 448 xal

Cabbarov Sübhan - 434 xal

Maqa - 346 xal

Ruslan Butdayev - 328 xal

Namiq Bəndəli - 297 xal

U.Tarlan - 244 xal

Meherremoff - 234 xal

Sistemə daxil olmuş 23228 sualdan 92%-dən çoxu cavablandırılmışdır.

Proyekt haqqında

E-Haci.net istehsalı. © 2010-2024