Web Site
Developers

======================================================

Web Page Borders

Doing It With Span

Is this good enough? Afraid Not! The span tag is just too literal, put too few characters in and you just get the number placed between the begin and end tags. Put too many in and it distorts your page by running past the edge. It would be nice to find a repeat symbol type notation. However, so far I have not run across it. So at best this attempted use of the span tag was more than inappropriate, it was an outright failure. Don't despair, many times we learn more from initial failures than easy successes.

So here is the code in the cascading style sheet that did not work:

  #with-Span  {
    font-size: 20px;
    font-weight: 900;
    width: 100%;      /* ineffective */
    color: #000000;
    text-align: justify; /* also failed */
  }  

To prove failures are not total loses, I did find one tag that could work. The hr (horizontal rule), however, it is being depreciated, hence, it is not a good choice. Indeed, one of the first borders I created for another site used this rule. I suspect I could get an image to work, however, I do not intend to even try. I have two reasons, the first is that the image tag is a prospective topic on its own and second the border attributes are far superior in their simplicity.

Looks like it cannot be done where the border expands and shrinks in step and in proportion to the users' browser's sizing. The text-align property with the value justify does not work precisely because the span tag sets the start and end positions with a fixed length with the text as entered is what is exhibited.

Use the Back key to return or use this link to the: starting page of this discussion.

     © Herschel Cohen, All Rights Reserved

References