AT&T Knowledge Network Explorer Homepage KNE Search Page KNE Feedback Page

 

 

Beyond the Son of Filamentality graphic


Two Kinds of Borders


There are two kinds of borders you might want to put around your images. One is a solid line, the other is a 3-D effect. Then again, you don't have to use any! For no border, just use < . . . border=0>

Solid Line Border

spider spinning filamentality

<IMG ALIGN=LEFT SRC=spiderbrain.gif width=136 height=116 alt="spider spinning filamentality" border=1>

     

Thick Solid Line Border

     

spider spinning filamentality

<IMG ALIGN=LEFT SRC=spiderbrain.gif width=136 height=116 alt="spider spinning filamentality" border=5>

     

3-D Effect Borders
The border looks different because the image is now in a table with cellspacing.

spider spinning filamentality

 

Here's the code: 


<TABLE BORDER=2 cellspacing=2 cellpadding=0>

<TR>
<TD>

<IMG ALIGN=MIDDLE SRC=spiderbrain.gif width=136 height=116 alt="spider spinning filamentality">

</TD>
</TR>
</TABLE>







Here's one in a table with a thicker 3-D border and more space around the image:
spider spinning filamentality

 

Here's the code: 


<TABLE BORDER=5 cellspacing=5 cellpadding=5>

<TR>

<TD>

<IMG ALIGN=MIDDLE SRC=spiderbrain.gif 

width=136 height=116 alt="spider spinning filamentality">

</TD>
</TR>
</TABLE>

     

Placing Images in Web Pages
HTML of Adding Images * Height, Width, and Alt Tags *
Aligning Images * "White Space" Between Images & Text *
Two Kinds of Borders * Images as Hotlinks
Table of Contents
First posted 1997.
Last modified Monday November 26, 2007

© 2008 Copyright AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. This site contains links to public sites whose content and language do not fall under the jurisdiction of AT&T. The views and opinions expressed at these sites are not those of AT&T. Please read our Disclaimer.