html - Extra Space after footer Please -
यह प्रश्न एक सटीक डुप्लिकेट है: < / P>
- 3 जवाब
मैं इसे हटाने की कोशिश कर रहा हूँ मेरे सामाजिक बटन के नीचे अतिरिक्त जगह मैंने मार्जिन पर "रिश्तेदार" का उपयोग करने की कोशिश की है, लेकिन ऐसा लगता है कि अंतरिक्ष गायब हो सकता है। किसी भी तरह की सहायता का स्वागत किया जाएगा। समस्या के अब एक सार्वजनिक छवि के लिंक के साथ मेरा सीएसएस नीचे है। धन्यवाद।
/ * प्रारंभ करें मास्टर शैलियों * / / * .header h1 {मार्जिन-बायां: ऑटो; मार्जिन-दाएं: ऑटो; पाठ संरेखित करें: केंद्र; पैडिंग-टॉप: -200px; चौड़ाई: 100%; सही नाव; * /}। हैडर img {float: left; चौड़ाई: 100px; ऊंचाई: 100 पिक्सेल; पृष्ठभूमि: # 555; मार्जिन-नीचे: रिश्तेदार; } .header h1 {स्थिति: रिश्तेदार; शीर्ष: -950 पीएक्स; बाएं: 600 पिक्सेल; } / * सामग्री टिप्पणी प्रारंभ करें। सामग्री {text-align: center; पैडिंग-टॉप: 15 पीएक्स; चौड़ाई: 100%; } * / H1 {font-family: 'मेरिवेदर', सेरिफ़; फ़ॉन्ट-आकार: 3.625 नाम; फ़ॉन्ट वजन: 700; } शरीर {पृष्ठभूमि-छवि: url ('../ img / concrete_wall_3.png'); / * पृष्ठभूमि-छवि: url ('../ img / noisy.png'); * / / * पृष्ठभूमि-छवि: url ('../ img / noisy.png'); * / पृष्ठभूमि रंग: #dbdbdb; पृष्ठभूमि दोहराएँ: दोहराएँ; सीमा-शीर्ष: ठोस .625em # 76cc1e; मार्जिन-नीचे: रिश्तेदार; } .footer {सीमा-शीर्ष: ठोस .063em #ffffff; मार्जिन-नीचे: रिश्तेदार; पाठ संरेखित करें: केंद्र; मार्जिन-टॉप: -175 पीएक्स; } / * लिंक * / एक # बीटीएन: लिंक {पाठ-सजावट: कोई नहीं; रंग: #ffffff; पृष्ठभूमि रंग: # 76cc1e; मार्जिन: 2.563 मिमी 0 3.00em 0; पैडिंग: 1.438 एम 2.563 मिमी 1.625 एम 2.563 एएम; } एक # बीटीएन: होवर {टेक्स्ट-सजावट: कोई नहीं; रंग: #ffffff; पृष्ठभूमि रंग: # 54d654; मार्जिन: 2.563 मिमी 0 3.00em 0; पैडिंग: 1.438 एम 2.563 मिमी 1.625 एम 2.563 एएम; } A: link {text-decoration: underline; रंग: # 6e6e6e; } A: का दौरा किया {color: # 6e6e6e; } A # btn: link {text-decoration: none; रंग: #fff; } A.btn: का दौरा किया {color: #fff; } / * Social * / .social {मार्जिन: 2.563 एम ऑटो 0 ऑटो; ऊंचाई: 2.563ेम; चौड़ाई: 13.875 } .social li, .social a {height: 2.563em; प्रदर्शन क्षेत्र; } .social li {float: left; प्रदर्शन: इनलाइन; टेक्स्ट इंडेंट: 624.938 ईएम; } .टीवीटर एक {पृष्ठभूमि: यूआरएल ("../ आईएमजी / सोशल") 0 0 कोई दोहराव नहीं; चौड़ाई: 42 पिक्सेल; } .facebook एक {पृष्ठभूमि: यूआरएल ("..// img / social.png") -42 पीएक्स 0 नो-दोहराना; चौड़ाई: 60px; } .लिंकडिन एक {पृष्ठभूमि: यूआरएल (".. / आईएमजी / सोशल") -102 पीएक्स 0 नो-दोहराना; चौड़ाई: 60px; } .ब्लॉग एक {पृष्ठभूमि: यूआरएल ("../ img / social.png") -162 पीएक्स 0 नो-दोहराना; चौड़ाई: 60px; } .टीविटर ए: होवर {पृष्ठभूमि: यूआरएल (".. / आईएमजी / सोशल") 0 -41 पीएक्स नो-दोहराना; } .facebook a: होवर {पृष्ठभूमि: url (".. / img / social.png") -42px -41px नो-दोहराना; } .लिंकडिन ए: होवर {पृष्ठभूमि: यूआरएल (".. / / img / social.png") -102 पीएक्स -41 पीएक्स नो-दोहराना; } .blog a: hover {background: url (".. / img / social.png") -162px -41px नो-दोहराना; } / * मीडिया प्रश्नों * / @ मीडिया केवल स्क्रीन और (अधिकतम-डिवाइस-चौड़ाई: 480px) {.content {width: 200px; }}
मार्जिन-नीचे: रिश्तेदार;
isn ' टी एक मूल्य
वास्तविक साइट से लिंक करना सिर्फ एक छवि से बहुत बेहतर होगा सीएसएस भी HTML को देखने के बिना बेकार है
Comments
Post a Comment