समस्या: हेडर से भी मेन्यू बैकग्राउंड नहीं बना सकते। (आप इसे तस्वीर में देखेंगे)

चित्र

उन्हें कैसे काटें?

सीएसएस कोड:

.header {
    margin:0px auto;
    max-width: 960px;
}

#header {
    height:300px;
    width:960px;
    background-image:url("img/top.png")
}
#menu ul {
    margin:0px auto;
    margin-left:-59px;
    list-style: none;
    background:#3d3d5c;
}

#menu li {
    display: inline-block;
}

#menu li a  {
    color:#fff; 
    text-decoration:none; 
    display:block; 
    background:url(img/manu.png); 
    padding:0 10px 0 10px;  
    height:54px; 
    width:130px;
    line-height:54px;
}

#menu li a:hover {
    color:#fff; 
    text-decoration: none; 
    background:url(img/manu1.png);  
    height:54px; 
    width:130px;
    line-height:54px;
}

यहाँ jsfiddle: http://jsfiddle.net/cvk5a3nn/5/

0
demboz11 22 नवम्बर 2015, 22:39

2 जवाब

सबसे बढ़िया उत्तर

नीचे अद्यतन अपनी समस्या को हल करना चाहिए:

#menu ul {
    margin:0px auto;
    margin-left:-20px; /*pull towards left*/
    margin-right:20px; /*push towards right*/
    list-style: none;
    background:#3d3d5c;
}

2
user5592626 22 नवम्बर 2015, 20:04

इन संशोधनों को इसे हल करना चाहिए

.header {
    margin: 0px auto;
    padding: 0px;
    width: 960px;
}

और ul से मार्जिन हटाएं

#menu ul {
    margin: 0px auto;
    list-style: none;
    background: #3d3d5c;
}

उदाहरण

0
Antonio Smoljan 22 नवम्बर 2015, 19:56