हो रही चौड़ाई

Question

HTML:

<a id="postanad" href="postad.php">Make a Post</a> 

सीएसएस:

#header #postanad { 
    position: absolute; 
    top: 50px; 
    left: 250px ; 
    background: #000 url(postad.gif) repeat-x 0% 100%;  
    font: bold 19px Tahoma, 'trebuchet MS', Sans-serif; 
    padding: 5px; 


} 

मैं पिक्सेल में आकार किस तरह तय करते/ईएमएस कि div तत्व ताकि मैं पृष्ठभूमि बना सकते हैं ले जा रहा है छवि postad.gif एक ही चौड़ाई के होने के लिए?

बस स्पष्ट होने के लिए मैं गतिशील रूप से चौड़ाई निर्धारित नहीं करना चाहता, लेकिन सिर्फ यह जानना चाहता हूं कि यह कितनी जगह ले रहा है ताकि मैं पीएस में पृष्ठभूमि छवि खींच सकूं।

Answer 1

आप एक पृष्ठ पर एक तत्व की चौड़ाई को मापने में रुचि रखते हैं आप Firefox पर ऐड-ऑन आईटी उपाय का उपयोग कर सकते हैं:

https://addons.mozilla.org/en-US/firefox/addon/539/

Answer 2

आप jQuery के साथ सहज हैं, तो आप सिर्फ $ उपयोग कर सकते हैं ("#postanad")। चौड़ाई()।

Answer 3

सीएसएस एक 'प्रोग्रामिंग भाषा' नहीं है। आप वास्तव में निर्णय नहीं ले सकते हैं, डेटा इकट्ठा नहीं कर सकते हैं, या भाषा को डिजाइन करने के लिए डिज़ाइन नहीं किया गया है। यदि आप ऐसा करना चाहते हैं, तो जावास्क्रिप्ट आपकी सबसे अच्छी पसंद है।

पृष्ठभूमि के साथ आप वास्तव में क्या करना चाहते हैं? यदि हम आपकी आवश्यकताओं को जानते हैं तो हम आपको सीएसएस केवल समाधान प्राप्त करने में मदद कर सकते हैं।

Answer 4

क्या सवाल में div को गतिशील रूप से फिर से खींचा जा रहा है? क्योंकि यदि नहीं, तो सबसे आसान बात #header #postanad शैली में ऊंचाई और चौड़ाई निर्धारित करना है।

Answer 5

jQuery मार्ग, जैसे @ orthod0ks ने चौड़ाई() फ़ंक्शन का उपयोग करना होगा। सीएसएस रास्ता एक width और height

घोषित करने के लिए किया जाएगा या, एक और सीएसएस तरीका होगा करने के लिए:

तुम भी एक पृष्ठभूमि div पर (जैसे background: red;) शब्दों में कहें, एक स्क्रीनशॉट लेने के कर सकते हैं और में पेस्ट यह देखने के लिए पीएस कितना बड़ा है।

आखिरकार, फ़ायरफ़ॉक्स में एक प्लगइन है (MeasureIt)। पिक्सेल के मामले में चीजों के आकार को निर्धारित करने के लिए यह उपयोगी है। तो आपको उस पर ध्यान देना चाहिए यदि दोनों समाधान आपके लिए व्यवहार्य नहीं हैं।

शुभकामनाएं!