एक div के अंदर शीर्ष मार्जिन काम नहीं करता है?

मेरे पास एक div है जिसमें लिंक (a href) हैं। अन्य सभी मार्जिन एक href के साथ काम कर रहे हैं लेकिन शीर्ष मार्जिन एक href के साथ काम नहीं कर रहा है। मैं बीच में लिंक रखना चाहता हूं लेकिन शीर्ष मार्जिन के काम नहीं करने के कारण यह संभव नहीं है। मैं स्थिति स्थापित करके देखता हूं या प्रदर्शित करता हूं यह काम कर सकता है। कृपया इसके लिए एक क्रॉस ब्रोशर समाधान का सुझाव दें।एक div के अंदर शीर्ष मार्जिन काम नहीं करता है?

div.MainContainer div.Links 
{ 
    height: 57px; 
    width: 100%; 
    border-top: solid 0px #404040; 
    border-left: solid 2px #404040; 
    border-right: solid 2px #404040; 
    border-bottom: solid 2px #404040; 
    background-image: url("../Images/links_background.png"); 
} 
div.MainContainer div.Links a 
{ 
    font:12px verdana; 
    color:White; 
    margin:10px; 
    border:dashed 1px white; 
    margin:15px 20px 20px 20px ; 
    width:100px; 
}

स्रोत

2010-10-25 haansi

पर नाव का उपयोग करने की जरूरत नहीं है तुम गद्दी की कोशिश की है? – Orbit

आपको मार्जिन काम करने या इसके बजाय पैडिंग का उपयोग करने के लिए तत्व को फ़्लोट करने की आवश्यकता है।

div.MainContainer div.Links a 
{ 
    float: left; 
    font:12px verdana; 
    color:White; 
    margin:10px; 
    border:dashed 1px white; 
    margin:15px 20px 20px 20px ; 
    width:100px; 
}

स्रोत

2010-10-25 13:36:01

यह अजीब है, लेकिन यह काम कर रहा है। यह सामान्य रूप से आईई 7 में काम करता है। – Tarik

अगर हम 'मार्जिन टॉप' काम करना चाहते हैं तो हमें तत्व को फ़्लोट करने की आवश्यकता क्यों है .. ?? – shashwat

@shashwat क्योंकि यह सीएसएस है, किसी कारण की तलाश न करें। –

div.Links a पर div.Links के बजाय margin-toppadding-top की कोशिश करो।

स्रोत

2010-10-25 13:36:34 Brad

इनलाइन तत्वों की ऊंचाई को बदला नहीं जा सकता है, बस अपने लिंक पर display:inline-block; का उपयोग करें।

स्रोत

2010-10-25 13:45:09 MatTheCat

** + 1 ** लेकिन, मार्जिन तत्वों की ऊंचाई को प्रभावित नहीं करता है, और इनलाइन तत्वों पर ऊंचाई बदल दी जा सकती है। हालांकि 'डिस्प्ले: इनलाइन-ब्लॉक' जाने का रास्ता है। – iConnor

नीचे आज़माएं। मैंने शीर्ष परिभाषा में overflow: hidden शीर्ष परिभाषा और display: block और float: left को नीचे परिभाषा में जोड़ा। पहला जोड़ा फ्लोट को जोड़ा जा रहा है, और अंतिम दो लिंक पर मार्जिन को सही ढंग से काम करने की अनुमति देते हैं।

div.MainContainer div.Links 
{ 
    height: 57px; 
    width: 100%; 
    border-top: solid 0px #404040; 
    border-left: solid 2px #404040; 
    border-right: solid 2px #404040; 
    border-bottom: solid 2px #404040; 
    background-image: url("../Images/links_background.png"); 
    overflow: hidden; 
} 
div.MainContainer div.Links a 
{ 
    font:12px verdana; 
    color:White; 
    margin:10px; 
    border:dashed 1px white; 
    margin:15px 20px 20px 20px ; 
    width:100px; 
    display: block; 
    float: left; 
}

स्रोत

2010-10-25 13:45:43 ryanulit

उपयोग padding-top: 1px (कम से कम) div.Links के लिए और आप, अगर आप div के भीतर लिंक नीचे ले जाने की कोशिश कर रहे div.Links a

स्रोत

2014-05-20 09:44:57

एक div के अंदर शीर्ष मार्जिन काम नहीं करता है?

उत्तर

संबंधित मुद्दे