आईआर में घंटा टैग - सीमा हटाएं

Question

आईई 7 को छोड़कर अन्य ब्राउज़रों में और घंटा को एचआर टैग के चारों ओर एक सीमा प्रदर्शित करता है जिसे मैं नहीं चाहता हूं।

<!--[if lte IE 7]> 
<style type="text/css"> 
hr { 
    margin: -3px 0 0 0; 
    padding: 0; 
    height: 19px; 
    border: none; 
    outline: none; 
    background: url("img/split.png") center no-repeat; 
} 
</style> 
<![endif]--> 

मैंने इस समाधान की कोशिश की है, लेकिन यह अभी भी इसके चारों ओर एक सीमा है।

यह इस तरह दिखता है:

alt text http://i46.tinypic.com/dpdabm.jpg

मैं इसे कैसे से छुटकारा मिलता है?

Answer 1

http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm

देखें ऐसा लगता है केवल एक हैक के साथ इस समस्या को हल नहीं अच्छा तरीका है कि वहाँ, (एक आसपास के div का उपयोग)।

Answer 2

इन समस्याओं से बचने के लिए, आप इसके बजाय डीआईवी टैग का उपयोग कर सकते हैं। ताकि इसे सुलभ बनाने के लिए, इस तरह के अंदर एक मानव संसाधन डाल:

<div class="ruler"><hr /></div> 

तो यह करने के लिए शैलियाँ लागू:

.ruler { border-top: 1px solid black; } 

.ruler hr { display: none; } 

यह मानव संसाधन छिपाने के लिए और DIV एक "क्षैतिज मापनी" कर देगा।

Answer 3

विभिन्न ब्राउज़रों के पास 'घंटा' तत्व के लिए अलग-अलग मॉडल हैं। यही कारण है कि मैं इसका उपयोग करता हूं:

hr { 
height: 1px; 
color: #ccc; 
background-color: #ccc; 
border: 0; 
} 

यह सभी प्रमुख ब्राउज़रों में काम करता है। IE7 और मार्जिन ...

Answer 4

उपयोग केवल

border:0px 

रूप

border:none 

एक मान्य नियम नहीं है: केवल एक ही समस्या है।

http://www.w3schools.com/cssref/pr_border-style.asp