Creating Borders

Question

I've been working a lot with Fireworks 8 and Dreamweaver 8,
and I've started my own website and whatnot, but there's just one
thing that's got me scratching my head.
How do I create a border in Fireworks, and get it into
Dreamweaver, so it's a fully functional, flexible border?
Thanks a lot in advance.

Answer 1

quote:
Originally posted by:
TheBigBad2Million
What I'm doing is setting up a 3x3 table and trying to make
the individual backgrounds for the sides and corners. Is there some
easier way to get them all to fit smoothy with each other? Like to
make the line running from the side to connect with the line making
the corner so there isn't any break between cells? I made the
border 0, but I'm just having a bit of trouble.
Sorry, yes. You want to have cellspacing="0" and
cellpadding="0" unlike the first example I gave. Cellspacing is the
distance between the cells and cellpadding is the distance from the
cell wall to the content in the cell. To match up images, they'll
both need to be zero. You may later need to add something to offset
your content in the middle cell, but we can get to that later.
quote:
Also, is there any way to make it so the background doesn't
tile? I think that'd work best on the corner images.
Yes, but it requires CSS*. For the corners, if the height of
all the images on each row is the same, put the images in the cells
themselves, and not as backgrounds. Also, for the inner and outer
columns, set the width of the table cells to match the width of the
images.
quote:
Oh, and it seems whenever I type, the table will just extend
wider to meet with the amount of text instead of going to the next
line. Any reason for this?
Well, the browser tries to be as efficient as it
can with space. You have two options. You can set a a width on the
middle cell of the top row and your text will automatically wrap
inside the table, although the height of the table will then adjust
to fit the text. Alternatively you can specify line breaks where
you want them: [br /] (again, change square brackets to angled). In
this case, the size of the table will adjust if the user's font
size differs from yours.
quote:
Thanks again. I really appreciate it.
You're welcome!
* The CSS solution to putting a background image in a table
is to define a class for that cell using these properties:
background-image: set the background image
background-repeat: to set the type of tiling (all directions,
x-only, y-only, or none)
background-position: to position the image
If you only have this one page, you could put the CSS in the
head section of the page
[head]
[style]
.upperleft {{
background-image: url(imagelocation);
height: 10px;
width: 15px;
background-repeat: no-repeat;
[/style]
[/head]
For height and width, use the dimensions of your image.
Define styles for your other corners.
Then, in your table, for the upper left-hand cell, use
[td class="upperleft" width="15"]
and similarly for the other corners.
I think I have that right, anyway.