cell alignment

N

N.Coffey

I posted this question before but the only answer I got was to give
the cells a border and it would be obvious. They already had a border
and I still don't know why setting the vertical alignment on 'bottom'
or 'baseline' wouldn't make the text sit close to the bottom border.

I want to have a heading in a larger font and then related items below
in cells. When I view the page in IE 5.5 the heading looks as if it
belongs to the group above rather than below.

I am using FP2000.

Thanks,
Nancy
 
B

Bob Lehmann

Try getting rid of all the height attributes in you tables and cells, change
all the valign attributes to bottom, you've mixed widths with % & pixels,
you have colspans of 6 when only 3 columns are being spanned, and many
colspans of 2 which are completely unnecessary.

I would advise starting over. You have a real mess.

Bob Lehmann
 
B

Bob Lehmann

Your cell widths don't add up to what you have specified for a table width,
you are missing <tr> tags in some of your tables. Additionally, on the
height attributes... remove them from everything except the images.

Missing <tr> problem -
<table border="0" width="700">
<td valign="bottom" >
<div align="center">
&nbsp;
</div>
</table>

Cells not adding up problem -
Table - width="700"

Cells - width="96"
width="110"
width="82"
width="144"
width="146"

Cells add up to 578.

I tried fixing your page, but I'm afraid it's terminal. Best to put it out
of its misery. I've seen some pretty nasty HTML before, but this is really
something.

Bob Lehmann
 
N

N.Coffey

Murray said:
Yep. Good call, Bob. I would say the same....
Click to expand...

Thank you for looking at it. I took it over from someone and I don't
know how it was made. However, I have now deleted the table and
started over from scratch, building the table in the WYSIWYG mode of
FP2000. Shouldn't that give me HTML without these problems?

The titles are still closer to the tops of the cells than the bottom.
http://www.timspartycentre.com/kirrabilli/linksnew.htm

Did you find the same problems on
http://www.timspartycentre.com/kirrabilli/dogs.htm ?

I started from scratch on that one and I'm having the same problem
with vertical cell alignment.

Would you mind looking at these two pages again and tell me if the
HTML is still terrible? And do you see anything that is still causing
my vertical alignment problems?

Thank you very much for your help.
 
B

Bob Lehmann

You've still got alot of the same problems. But the reason for the space is
the <h2>. These are block elements which will cause a space under them.

You could use CSS to size the font instead. Or, if the <h2> tags are being
used for accessibilty reasons, you could use css to change the margins on
them.

Bob Lehmann
 
R

Ronx

The HTML is as good as it gets when using a theme, it can be improved (in my
opinion) by applying the theme with CSS. The first page is also OK.

The vertical spacing in the tables is caused by the use of Headings (
<h2>Some text</h2> ). Headings are block level tags which will always add
a blank line. The line can be reduced in size by the use of CSS:
<h2 style="margin-bottom:1px">
 
N

N.Coffey

You've still got alot of the same problems.
Click to expand...

Thanks for looking at the pages. I'm surprised that FP produces such
bad HTML sometimes, especially when I was doing a fairly simple job.
It's a good thing that there is a newsgroup for help.

Nancy
 
N

N.Coffey

The vertical spacing in the tables is caused by the use of Headings (
<h2>Some text</h2> ). Headings are block level tags which will always add
a blank line. The line can be reduced in size by the use of CSS:
<h2 style="margin-bottom:1px">
Click to expand...

Thank you for looking. I have heard of but never used CSS--where would
I insert the line above? Can it go right at the beginning?

Is there a site I could go to and see what my pages look like in other
browsers? I noticed that Netscape 3 doesn't support backgrounds in
tables, so the table on the linksnew page is unreadable to people
using that browser. I don't really have room to install several
different browsers.
 
W

Wes

I'm not so sure that FP created "bad HTML". There may be many reasons why
your code is messed up. Using a word file (copy/paste), copying an already
bad table cell you created, are just a few. When you find these things
occurring, use the code view and try to figure out what is going wrong.
 
M

Murray

Headings are block level tags which will always add a blank line.

They don't add a blank line. I know you know this. They have an implicit
margin that gives the appearance of having added a line space.

--
Murray

Ronx said:
The HTML is as good as it gets when using a theme, it can be improved (in
my opinion) by applying the theme with CSS. The first page is also OK.

The vertical spacing in the tables is caused by the use of Headings (
<h2>Some text</h2> ). Headings are block level tags which will always
add a blank line. The line can be reduced in size by the use of CSS:
<h2 style="margin-bottom:1px">
Click to expand...
 
R

Ronx

N.Coffey said:
Thank you for looking. I have heard of but never used CSS--where would
I insert the line above? Can it go right at the beginning?

Is there a site I could go to and see what my pages look like in other
browsers? I noticed that Netscape 3 doesn't support backgrounds in
tables, so the table on the linksnew page is unreadable to people
using that browser. I don't really have room to install several
different browsers.
Click to expand...


I have reworked your dogs page by applying a theme using CSS, adding a style
block, and removing some <br> tags in the cell headings.
The result can be seen at www.rxs-enterprises.org/tests/pages/dogs.htm
Note that the theme is Not Fireworks (I do not have that in my collection).
I have also removed the contact information.

The style block

<style type="text/css">
h1,h2,h3,h4,h5,h6{margin-bottom:1px;}
</style>

goes anywhere in the <head>...</head> section in HTML view.

If wish to use CSS for the theme: Format->Theme
Choose the theme and tick the box Apply using CSS (Wording may be different
since FP2003 does not have this choice).
This will affect all pages that use the theme. Some items - graphics for
Horizontal rule, and bullets, will not be the same.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.

PS Following Murrays admonishment :),
"Headings are block level tags which will always add a blank line."
should read:
Headings are block level tags which will always add what appears to be a
blank line.
 
N

N.Coffey

I have reworked your dogs page by applying a theme using CSS, adding a style
block, and removing some <br> tags in the cell headings.
The result can be seen at www.rxs-enterprises.org/tests/pages/dogs.htm
Note that the theme is Not Fireworks (I do not have that in my collection).
I have also removed the contact information.
Click to expand...

Thank you so much for this. I liked the 'new look' and I went and
applied it to my dog page, and to some other pages on the rest of my
site. I understand a little more about CSS now.

I do have Netscape 3 and when I used it to view the pages, I noticed
that the page backgrounds have disappeared. I hope most browsers
wouldn't be affected this way.
 
B

Bob Lehmann

I would imagine that NetSrape 3 (and even 4) is pretty much irrelevant these
days.

Bob Lehmann
 
R

Ronx

As I said, nobody (with the possible exception of N.Coffey :) ) uses
Netscape 3 any more. NN3 does not support external style sheets (used by
the theme) and has very poor support for styles embedded in the page.

I would uninstall NN3 and replace it with Mozilla Firebird from
http://www.mozilla.org/

With Firebird and IE you will have most of the popular modern browsers
covered - the differences in rendering pages are small.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

vertical alignment in cells 3
Table Properties - Center Alignment Question 1
Template Issues Possibly Wrong Template 5
Adsense breaks Frontpage 6
Problem with alignment of included content 7
[newbie] Vertical alignment not working 1
Generate list based on multiple criteria 1
Vertical alignment does not work 1

Top