CODEWITHSUNDEEP
css
user1404577
user1404577

Reputation:

border-style:dashed is being displayed wrongly when using firefox

i have define the following insdie my .css file to display a dash line in my footer:-

.dash{
border-style:dashed ;
border-width:2px;
border-color:#322f32;
}

then on the footer i have addedd the folloiwng:-

<hr/ class="dash">

The dash line will be displayed well on internet explorer but it will not be displayed well on firefox ,, so what is the reason behind this ,,, and is it safer to have this dashed line as an image inside? BR

Upvotes: 1

Views: 2715

Answers (2)

Zuul
Zuul

Reputation: 16269

Perhaps your are trying to achieve something like:

enter image description here

See this Fiddle Example!

CSS

.dash{
  border: 0 none;
  border-top: 2px dashed #322f32;
  background: none;
  height:0;
}

HTML

<hr class="dash" />

To have it equal on all browsers.

The <hr /> comes with some default values depending on the browser, and to an equal presentation on all browsers, you need to reset those values.

Upvotes: 5

Sarfraz
Sarfraz

Reputation: 382656

Repalce:

<hr/ class="dash">

With:

<hr class="dash" />

Upvotes: 1

Related Questions