HTML + सीएसएस: 'एक' चौड़ाई काम नहीं करता है

मैं निम्नलिखित कोड है:HTML + सीएसएस: 'एक' चौड़ाई काम नहीं करता है

सीएसएस हिस्सा:

<style type="text/css"> 
    .menu 
    { 
     width:200px; 
    } 

    .menu ul 
    { 
     list-style-image:none; 
     list-style-type:none; 
    } 

    .menu li 
    { 
     margin:2px; 
    } 

    .menu A 
    { 
     height:25px; 
     width:170px; 
     background:url(./images/button-51.png); 
     padding:2px 5px ; 
    } 

    .menu A:link 
    { 
     height:25px; 
     width:170px; 
     background:url(./images/button-51.png); 
     padding:2px 5px ; 
    } 
</style>

एचटीएमएल हिस्सा:

सब कुछ ठीक काम करते हैं, लेकिन जब मैं जोड़ने HTML दस्तावेज़ की शुरुआत में 'DOCTYPE' तत्व:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

की चौड़ाई 'एक' तत्व को ध्यान में रखा नहीं है।

प्रश्न 1: क्यों?

प्रश्न 2: इसे कैसे ठीक करें?

बहुत बहुत धन्यवाद!

स्रोत

2011-01-16 Budda

प्रश्न 1: क्यों?

क्योंकि यह नहीं डिफ़ॉल्ट एक block element से है।

प्रश्न 2: इसे कैसे ठीक किया जाए?

यह एक ब्लॉक तत्व display: block; का उपयोग कर, या display: inline-block; द्वारा एक इनलाइन ब्लॉक करें।

स्रोत

2011-01-16 17:41:14 BalusC

वाह आदमी के लिए इस्तेमाल किया पर होना के बाद से मैं चाहता था, तो आप सिर्फ मुझे सिरदर्द का एक टन बचाया! मैं नहीं समझ सका कि मेरे एंकर टैग की चौड़ाई को समायोजित नहीं किया जा सका! – imjp

http://bit.ly/1QQi3Rd ग्रेट उत्तर। – Luis

एक लिंक डिफ़ॉल्ट रूप से एक इनलाइन तत्व है; display: block; जोड़ें और यह सेट चौड़ाई का उपयोग करेगा।

स्रोत

2011-01-16 17:42:16 Alec

सीएसएस सभी बिंदु के बारे में है। विशेषता इस पर निर्भर करता है। इस मामले पर Google University's पर एक नज़र डालें। यह मूल बातें और थोड़ा परे समझने में बहुत मदद करेगा। एक में

स्रोत

2011-01-16 17:42:42 CharlesJHardy

ऐड प्रदर्शन ब्लॉक: एंकर टैग के लिए

.menu A 
    { 
     display: block; 
     height:25px; 
     width:170px; 
     background:url(./images/button-51.png); 
     padding:2px 5px ; 
    }

स्रोत

2011-01-16 17:43:31 shankhan

मेकअप ब्लॉक शैली में display:block जोड़ने

.menu a 
{ 
    display:block; 
    height:25px; 
    width:170px; 
    background:url(./images/button-51.png); 
    padding:2px 5px ; 
}

नोट: न repet .menu a:link कक्षा में सभी तत्वों .. बस परिवर्तन जोड़ने या नई शैलियों नोट: हमेशा HTML और सीएसएस कोड में छोटे अक्षरों का उपयोग

स्रोत

2011-01-16 18:52:16 Abudayah

यह मेरे लिए काम किया, लेकिन अपने लिंक के सभी एक ही लाइन मैं display: inline-block;

स्रोत

2013-04-16 17:13:56 schwechel

.menu A 
    { 
     float: left; 
     height:25px; 
     width:170px; 
     background:url(./images/button-51.png); 
     padding:2px 5px ; 
    }

स्रोत

2013-09-07 09:07:18

HTML + सीएसएस: 'एक' चौड़ाई काम नहीं करता है

उत्तर

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