Layout of graphic header

Question

When I put a graphic into a frame or table cell at the top of
my page, there is always a slight border at the top and left, no
matter what I choose as an alignment parameter. I want to get rid
of it. How do I get a jpeg or gif to fit tight upper left?

Answer 1

Hello,
I would recommend that you put in a stylesheet and link each
page to the
stylesheet.
That way, you can change it or add additional CSS to the
stylesheet for
anything else you might want to do without having to go into
each page.
It will certainly work if you just place it on each page, but
the stylesheet
is definitely a good thing to get accustomed to and start
using. It will
save you a lot of time in the future.
An easy way to build a stylesheet in CS3 is to open your
page, and just
right click anywhere on it.
Select CSS styles > New.
Select the "tag" radio button.
In the "tag" dropdown list, select "body".
Then for "define in" , select the first radio button next to
"new sytle
sheet file" which is in the dropdown box.
When you click OK, a window will open.
Enter what you want to call the stylesheet, I recommend not
using blank
spaces.. example: mystyles
Then click "save".
A CSS rule box will open.
Select "Box" under the "Category" column.
Make sure there is a checkmark next to "Same for all" for
both padding and
margin.
Enter a 0 in the "Top" box under each one.
(That's a zero)
Click OK.
Your stylesheet has been created and if you look at the code
in your page,
you'll see the link to it.
<link href="mystyles.css" rel="stylesheet"
type="text/css">
This is assuming you saved it to the same folder the page was
in.
If not, the path after href will look a bit different.
In the stylesheet that DW just created, it will say:
@charset "utf-8";
body {
margin: 0px;
padding: 0px;
Now, all you need to do to add that to each page is to open a
page, right
click, select CSS Styles > Attach Style Sheet.
You stylesheet will probably already appear in the "File/URL"
box.
If so, just click OK. If not, browse to it then click OK.
Repeat for each page you want to add this to.
I believe the steps are the same in DW MX and 8.
I think in MX the CSS rule box just has the radio buttons and
text box in a
different order, if memory serves.
Once you have the stylesheet made, you add things like this:
p {margin:2px 5px;}
This says for all paragraphs on any page linked to the
stylesheet (that
aren't styled by another CSS rule), apply a top and bottom
margin of 2px
and a left and right margin of 5px.
This gets rid of the "big space" between lines of text in
<p> tags, as well
as prevents various browsers from using whatever their
default space happens
to be.
If you have a form on any page, this is another good one to
add:
form {margin:0px}
Some browsers have pretty big default margins around form
tags, and some
don't. This will make the layout around the form not look so
different cross
browser.
That's just a simple start to using CSS.
It's a very handy, and necessary IMHO, thing to learn.
Hope that helps.
Take care,
Tim
Take care,
Tim
"lancekoz" <[email protected]> wrote in
message
news:[email protected]...
> Thanks, sounds good. Do I have to employ CSS anywhere
else or create style
> sheets for this to work, or is it its own bit of CSS
that works
> regardless?