Border Does Not Show Up

HTML Div border not showing

The default value of border-style is none. You need to set a different value for a border to appear.

#container-border {

  border-width: 2px;

  border-color: red;

  border-style: dashed;

}

<div id="container-border">

  ...

</div>

How can I make the borders show? It's not showing

You haven't specified a border style.

Try replacing your border styles with this:

border: 10px solid #000;

See below:

.offers {
  display: grid;
  grid-template-columns: 32% 33% 32%;
  grid-column-gap: 20px;
}

.offers div {
  border: 10px solid #000;
  background-color: white;
}

.abouttext {
  color: black;
  font-size: 100px;
  text-align: right;
  margin: 0px;
  margin-right: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
}

<div class="offers">
  <div>
    <h3>Access To A Massive Library Of Education</h3>
    <p>With Summit you get an unlimited selection of indepth, engaging content for free.</p>
  </div>
  <div>
    <h3>No Extra Payed Upgrades</h3>
    <p>Summit says no to any extra add-ons or premium upgrades with pay walls. Everything is all free and hassle free.</p>
  </div>
  <div>
    <h3>We Are Advert Free</h3>
    <p>We all hate adverts, especially when we are engaged in content. Summit is happy to inform you that we are advert free!</p>
  </div>
</div>

Border Bottom in HTML not showing up

You need to put quotations around the attribute values in your markup, e.g.:

mm.Body = mm.Body & "<td style=""min-height:65px;background-color:#000000;border-bottom:1px solid #4d4b48;"">"

Repeat that for all of the other attributes in your code, style or otherwise.

Without the quotations, you have invalid HTML markup, and at best, whatever is parsing your HTML markup is giving up after it sees the first invalid attribute value character (probably the - or : in this case), resulting in that entire style attribute basically being ignored.

Given that e-mail HTML is already extremely finicky, you should ensure that your markup is as valid as you can make it.

Lastly, for maintainability, I would suggest somehow storing your HTML with replaceable tokens or something and replacing them in your VB.NET code. Piecing tags together line by line doesn't help with spotting errors in your markup such as a missing end tag. It also prevents you from making changes to the layout without having to recompile your code.

CSS Border Not Working

Do this:

border: solid #000;
border-width: 0 1px;

Live demo: http://jsfiddle.net/aFzKy/

Why is my Border not displaying although I have set the border-style property to solid?

instead of using border-style: solid; use border: 1px solid #000; you can change the px and color(#000) as you want

Border around tr element doesn't show?

Add this to the stylesheet:

table {
  border-collapse: collapse;
}

JSFiddle.

The reason why it behaves this way is actually described pretty well in the specification:

There are two distinct models for setting borders on table cells in
CSS. One is most suitable for so-called separated borders around
individual cells, the other is suitable for borders that are
continuous from one end of the table to the other.

... and later, for collapse setting:

In the collapsing border model, it is possible to specify borders that
surround all or part of a cell, row, row group, column, and column
group.

---

Related Topics