Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Making borders on tables in MX

Status
Not open for further replies.

2760

Instructor
Nov 10, 2002
34
GB
Hi all,

In DW MX, when you insert a border onto a table with a value of '1', the border seems to be a fairly thick one. Is there a way that;
a)i can make a thinner border?
b)only make the border appear in certain places of the table - i.e. on the top/bottom only or left and right sides only etc.

Can anybody assist?

Thanks in Advance.
 
I use a graphic to put borders in tables where I only want them in certain areas.
What I do is create a graphic 1px * 1px in the colour of my border then just put it into a cell and define its height + width.

Cheech [Peace][Pipe]
The secret of life is honesty and fair dealing. If you can fake that, you've got it made.
Groucho Marx (1895-1977)
 
please no images....soon enoguh all te page will be just an image with some hot spots.
its easy
-one table1 100x100 no border and background of some color(color of the line )
-inside table1 insert table2 98x98, no border,centered and white background !
DONE!
here is samle:
Code:
<table width=&quot;141&quot; height=&quot;81&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; bgcolor=&quot;#000000&quot; id=&quot;table1&quot;>
  <tr>
    <td><table width=&quot;139&quot; height=&quot;79&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; bgcolor=&quot;#FF9900&quot; id=&quot;table2&quot;>
        <tr>
          <td width=&quot;138&quot;>table2</td>
        </tr>
      </table></td>
  </tr>
</table>
 
or for LazyBoys:
Window--->Snippets-->[Content Tables]---one-pixel--border
there you!
 
How about &quot;nesting&quot; two tables? The first one is filled with blue..... wait.... heres a quicky. This will give you an example.....

<html>
<head>
<title>Thin Border</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
</head>

<body bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot;>
<table width=&quot;241&quot; border=&quot;0&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot; height=&quot;50&quot; bgcolor=&quot;#00FFFF&quot;>
<tr>
<td>
<table width=&quot;280&quot; border=&quot;0&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot; bgcolor=&quot;#FFFFFF&quot; height=&quot;54&quot;>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

idaryl
idface.gif
 
inside table1 insert table2 = &quot;nesting tables&quot;
 
I find the best way of dealing with this is to define a CSS style, then apply the style (using a class) the the relevant table cell.

At the top of your document, in the <head> section add this:

<style type=&quot;text/css&quot;>
<!--
.cellbrdrleft {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CC0000;
}
-->
</style>

and define the cell border with this code:

<table width=&quot;50%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;4&quot;>
<tr>
<td> </td>
<td class=&quot;cellbrdrleft&quot;>cell with a left border</td>
<td> </td>
</tr>
</table>

et voila!

Hope it helps,
Maranjo
 
didnt't you hear the move to go paperless has also somehow spilled over to designing webpages. Borderless! [laser]

[Hammer]
Nike Failed Slogans -- &quot;Just Don't Do It!&quot;
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top