html - border on side to continue all the way down dynamic page? -
एक सीमा है, bgr_left.jpg, कि मैं अपने पृष्ठ पर y-axel को जारी रखना चाहता हूं ...
bgr_left.jpg 30px 30px से है और मैंने उसे एक div टैग में रखा है ... इसके अलावा, मैं उसी बॉर्डर को दाहिनी ओर चाहता हूं, और ऊपर से ऊपर सभी तरह से ...
मैं यह नहीं कर सकता, बाएं किनारे के लिए मेरी सीएसएस को भेजता है:
.bgr_left {background-image: url (../ ग्राफ़िक्स / बीजीआर_बेट_जीपीजी); पृष्ठभूमि-दोहराएँ: दोहराएँ- y; पृष्ठभूमि-स्थिति: बाएं; स्थिति: पूर्ण; बाएं: 0 पिक्सेल; शीर्ष: 0 पिक्सेल; ऊंचाई: 100%; चौड़ाई: 30px; पृष्ठभूमि रंग: # E7F5F0; }
सभी मदद के लिए धन्यवाद
आप ऐसा कर सकते हैं एक तालिका या डायनामिक रूप से किसी डिज़ाइन को आकार देने से।
तालिका विधि
हालांकि यह एक वेब ब्राउज़र में ठीक होना चाहिए, खोज इंजन और अन्य कंप्यूटर उपभोक्ता इसे गलत तरीके से समझें क्योंकि आप तालिका टैग का उपयोग गैर-टैब्यूलर सामग्री को मार्कअप करने के लिए करते हैं।
& lt; तालिका & gt; & LT; टीआर & gt; & Lt; td colspan = "3" class = "bgr_top" / & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td वर्ग = "bgr_left" / & gt; & Lt; td & gt; सामग्री सामग्री सामग्री & lt; / td & gt; & Lt; td वर्ग = "बीआरजीआर_बॉटम" / & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "3" class = "bgr_bottom" / & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt; JQuery की मदद से, हम अर्थपूर्ण रूप से सही HTML का उत्सर्जन कर सकते हैं, लेकिन वेब ब्राउज़र्स में वांछित रेंडरिंग भी बना सकते हैं। अनचेस्टेड नमूना: & lt; p class = "bgr" & gt; सामग्री सामग्री सामग्री & lt; / p & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" & gt; $ ('। बीजीआर')। प्रत्येक (फ़ंक्शन (आई, एल) {$ ('& lt; div class = "bgr_left" / & gt;')। ऊंचाई ($ (यह)। हल्का () + 'px')। AppendTo ($ (यह)); // शीर्ष, दाएं और नीचे के समान;}; & Lt; / स्क्रिप्ट & gt;
Comments
Post a Comment