borders 1

[lfc77]

How do I put a border around my text such as in

http://www.w3schools.com

? It's not a standard HTML border, so how is it done?


Any help would be really appreciated.


Thanks,

Mike

 

[VBRookie]

Place the text inside of a table and set a border value for the table. If its an image just set a value for the border attribute of the image.

Hope this helps ...

 

[Foamcow]

That particular border has been defined using CSS.
Perhaps something like this:

table { border: 1px solid black; }

This overides a browsers standard rendering of a table border (normally that 3D effect).

 

[lfc77]

Thanks,

Mike

 

[ChrisHunt]

You don't need a <table>, use a <div>:

   <div style="border: 1px solid black;">
      Living in a box!
   </div>

(CSS left inline for concision, use a class & a stylesheet in reality).

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[Foamcow]

Yes I might use a DIV too if I was building a CSS layout, but the page offered as an example is using a table to create the layout. A prefectly legitimate "Transitional" method.
Setting a table border with HTML will leave it up to the browser how to render the border. I wanted to point out that you can change how even a table border is displayed by using CSS.

 

[ChrisHunt]

My comment was more aimed at VBRookie than at you, Foamcow.

Question: "How do I put a border around my text"
VBRookie: "Place the text inside of a table and set a border value for the table"

That's a horribly long-winded way of doing it these days. why write this:

<table style="border: 1px solid black;">
  <tr>
    <td>
      Look Ma, a border!
    </td>
  </tr>
</table>

when you could write this:

<div style="border: 1px solid black;">
  Look Ma, a border!
</div>

Better still would be to define a class for that black border in a style sheet, then you could apply it to <div>s, <img>s, <p>s or any other element you liked.


-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[Foamcow]

you mean I have to read other posts too ;-P

hehe... point taken.