Mövzu üzrə bənzər suallara da baxa bilərsiniz.

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;
}


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

Cavab verin


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

Üzvlər üçün giriş

Qeydiyyat

Elan qutusu

Software Developer - 571 xal

E. Hacı - 568 xal

Onar Alili - 526 xal

Dilsuz - 448 xal

Cabbarov Sübhan - 414 xal

Ruslan Butdayev - 328 xal

Namiq Bəndəli - 297 xal

U.Tarlan - 244 xal

Meherremoff - 234 xal

Bextiyar Azeroglu - 217 xal

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

Proyekt haqqında

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