सीएसएस लागू नहीं किया गया है - सीएसएस, एचटीएमएल

मैं एक Div खुला और बंद टैग का उपयोग कर कोड के टुकड़े को अवरुद्ध करने की कोशिश कर रहा हूं:

<div id="header">
<a href="www.hugowolfdesigns.tumblr.com">
<img src="/images/http://i596.photobucket.com/albums/tt48/stizzo96/hugowolf_zps386e6f4e.png" alt=" photo hugowolf_zps386e6f4e.png" class="header"/>
</a>
</div>

हालांकि अगर मैं # हेडर का उपयोग कर सीएसएस में कोशिश करता हूं और कोड करता हूं तो यह किसी भी नियम का पालन नहीं करेगा? मैं एचटीएमएल और सीएसएस के लिए नया हूं इसलिए कृपया मेरी अज्ञानता से क्षमा करें।

संपादित करें: यहां मेरी सहायता करने के लिए आवश्यक आवश्यक सीएसएस है। इसे भूलने के लिए खेद है, फिर मैं यहाँ नया हूँ।

.header{
width:300px;
height:300px;
display:block;
margin: auto;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;}

आखिरी भाग को एक सहायता वेबसाइट से कॉपी किया गया था क्योंकि जब माउस उस पर घूमता है तो यह फीका और बाहर निकलने की अनुमति देता है। हर बार जब मैं "।" को बदलने की कोशिश करता हूं एक "#" के साथ यह नियमों को पूरी तरह से उपेक्षित करता है।

उत्तर:

जवाब के लिए 3 № 1

उत्तर में सीएसएस के लिए है कक्षा हेडर और नहीं के लिए आईडी शीर्षक: .header {। सीएसएस में . एक वर्ग और ए को संदर्भित करता है # एक आईडी के लिए। सीएसएस वर्तमान में छवि पर लागू है: http://jsfiddle.net/BjgvY/


उत्तर № 2 के लिए 1

कोई फर्क नहीं पड़ता कि आपका सीएसएस क्या है क्योंकि आपने इसे शामिल नहीं किया है, लेकिन मैं अनुमान लगा रहा हूं कि आप इस तथ्य का जिक्र कर रहे हैं कि आप इस तरह की चीजों को करने की कोशिश कर रहे हैं:

#header {
height:50px;
}

और कुछ भी नहीं हो रहा है। ऐसा इसलिए है क्योंकि # शीर्षलेख में डिफ़ॉल्ट रूप से "दृश्यमान" का ओवरफ़्लो मान होता है, और जैसा कि छवि बहुत बड़ी होती है, यह "अधिक हो जाएगी और जितनी आवश्यक हो उतनी जगह ले लेगी।

यदि आप ऐसा नहीं करना चाहते हैं, तो आपको ओवरफ्लो को एक अलग मान में बदलना होगा, उदाहरण के लिए:

#header {
height:50px;
overflow: hidden;
}

हेडर की 50px ऊंचाई सीमा से अधिक होने वाली किसी भी सामग्री को छिपाएगा।

यदि आप "छवि के आकार को बदलने की कोशिश कर रहे हैं,छवि पर ऊंचाई / चौड़ाई विशेषताओं को सेट करें, हेडर नहीं। या अधिमानतः, एक अधिक उपयुक्त आकार की छवि के लिए लिंक; वहां कोई ~ 1000x800 छवि लोड करने का कोई बिंदु नहीं है यदि आप इसे केवल 200x160 जैसे कुछ तक स्केल करने जा रहे हैं।

यह शायद एक ही नाम के साथ एक आईडी और कक्षा रखने का एक बुरा विचार है। स्पष्टता के लिए, यदि आप कुछ सीएसएस स्टाइल का पालन करने के लिए "हेडर" श्रेणी के साथ छवि प्राप्त करने का प्रयास कर रहे हैं, तो आप इसका उपयोग करना चाहते हैं

.header {
}

चयनकर्ता, और नहीं

#header {
}

यदि आप अपना सीएसएस पोस्ट करते हैं, तो मैं अंधेरे में सिर्फ एक शॉट के अलावा एक और अधिक संबंधित उत्तर प्रदान कर सकता हूं, जो मुझे लगता है कि आप गलत कर रहे हैं।

संपादित करें:

ऐसा लगता है कि आपको "सीएसएस चयनकर्ताओं में कठिनाई हो रही है,

#header {
}

किसी भी तत्व का संदर्भ लेंगे जिसमें एक है आईडी शीर्षलेख, जैसे कि

<div id="header"></div>

जबकि सीएसएस चयनकर्ता

.header {
}

उन तत्वों को संदर्भित करता है जिनमें एक है कक्षा शीर्षलेख, जैसे कि

<div class="header"></div>

तो अपने कोड पर वापस

<div id="header">
<a href="www.hugowolfdesigns.tumblr.com">
<img src="/images/http://i596.photobucket.com/albums/tt48/stizzo96/hugowolf_zps386e6f4e.png" alt=" photo hugowolf_zps386e6f4e.png" class="header"/>
</a>
</div>

#header { // these styles will apply to your div with ID header
}

.header { // these styles will apply to your image with the class header
}

यह एक परेशानी की तरह प्रतीत हो सकता है, लेकिन यदि आपका सीएसएस सीएसएस है, तो मैं आपको चयनकर्ताओं के बारे में पढ़ने की सलाह देता हूं। क्योंकि वे सीएसएस में कुछ भी करने के लिए बहुत महत्वपूर्ण हैं।

यहां दस्तावेज है

अध्याय 5.8.3 वर्ग चयनकर्ताओं के बारे में वार्ता

अध्याय 5.9 आईडी चयनकर्ताओं के बारे में वार्ता

(विषय से परे)

आपका लिंक गलत है, और या तो होना चाहिए

 <a href="http://www.hugowolfdesigns.tumblr.com">

अगर यह एक अलग वेबसाइट पर इशारा कर रहा है, या यह सिर्फ हो सकता है

 <a href="/">

अगर यह एक ही वेबसाइट के मुखपृष्ठ पर इंगित कर रहा है


संबंधित सवाल
सबसे लोकप्रिय