Table alignment...

smpro · smpro

Hi. I have a left-aligned table which, when I view it in Design View, is
immediately below my page heading, exactly where I want it. But when I save it
and view it in my browser, there's a huge gap between table and the heading.
There is no coding whatsoever between the heading and the table. I can't figure
out how to get rid of that extra space and vertically align my
table to remain just beneath the heading.

Thanks for any help.

silas

laksinu · laksinu

Yes, If you give page headings like <h1> < h2>... etc, you will find a big gap like that btw that Heading and other element

To get rid of that please use CSS .

Murray *TMM* · Murray *TMM*

Post a link to the page. While laksinu's guess is a resonable one, it
wouldn't necessarily be the correct one. The only way to know is to look at
the code on the page.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"smpro" <webforumsuser@macromedia.com> wrote in message
news:dm5u7r$rjj$1@forums.macromedia.com...

> Hi. I have a left-aligned table which, when I view it in Design View, is
> immediately below my page heading, exactly where I want it. But when I
> save it
> and view it in my browser, there's a huge gap between table and the
> heading.
> There is no coding whatsoever between the heading and the table. I can't
> figure
> out how to get rid of that extra space and vertically align my
> table to remain just beneath the heading.
>
> Thanks for any help.
>
> silas
>
>

smpro · smpro

Here is the coding:

<html>
<head>
<style type="text/css">
p {
color: #000080;
font-family: verdana;
font-size: 14px;
font-weight: bold;
text-align: center;
}

p.second {
color: #B22222;
font-family: verdana;
font-size: 14px;
text-align: left;
left: auto;
top: auto;
}

body
{
background-image:
url('ltmauvelace.jpg')
}

</style>

</head>

<center>
<table width=100% border=0>

<tr>
<td align=center> <img src="mccweblogo2.jpg" alt="McCWeb logo"> </td>
</tr>
</table>
</center>

<br>
<p>News, photos and a little bit of history of the McCain Family</p>
<table align=left width=250 border=2 cellpadding=10 bordercolor=black
bgcolor="#FFFFFF">
<tr>
<td>
<p class="second">
<a href="mccainfamilyoutline.html">The McCain Family Outline</a>
<br>

<p class="second"> Pictures:

<p class="second">
<a href="grandparents.html">Benjamin and Marie McCain</a>
<br>
<p class="second"> <a href="timmyspartypics/timmyparty.html">Timmy's Birthday
Party</a>
</td>

<br><br><br><br><br><br>

</tr>
</table>

</html>

Murray *TMM* · Murray *TMM*

No <body> tags? Tsk, tsk....

It's hard to know exactly which huge gap you might be referring to with this
code. Can you tell me more?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"smpro" <silas.prophet@gmail.com> wrote in message
news:dm8ifp$jm2$1@forums.macromedia.com...

> Here is the coding:
>
> <html>
> <head>
> <style type="text/css">
> p {
> color: #000080;
> font-family: verdana;
> font-size: 14px;
> font-weight: bold;
> text-align: center;
> }
>
> p.second {
> color: #B22222;
> font-family: verdana;
> font-size: 14px;
> text-align: left;
> left: auto;
> top: auto;
> }
>
>
> body
> {
> background-image:
> url('ltmauvelace.jpg')
> }
>
> </style>
>
> </head>
>
> <center>
> <table width=100% border=0>
> 
> <tr>
> <td align=center> <img src="mccweblogo2.jpg" alt="McCWeb logo">
> </td>
> </tr>
> </table>
> </center>
>
> <br>
> <p>News, photos and a little bit of history of the McCain Family</p>
> <table align=left width=250 border=2 cellpadding=10 bordercolor=black
> bgcolor="#FFFFFF">
> <tr>
> <td>
> <p class="second">
> <a href="mccainfamilyoutline.html">The McCain Family Outline</a>
> <br>
>
> <p class="second"> Pictures:
>
> <p class="second">
> <a href="grandparents.html">Benjamin and Marie McCain</a>
> <br>
> <p class="second"> <a href="timmyspartypics/timmyparty.html">Timmy's
> Birthday
> Party</a>
> </td>
>
> <br><br><br><br><br><br>
>
> </tr>
> </table>
>
>
>
> </html>
>

laksinu · laksinu

Remove
<br><br><br><br><br><br> before </tr> from your code it should work ! you will not see any space :)

smpro · smpro

Originally posted by: laksinu
Remove
<br><br><br><br><br><br> before </tr> from your code it should work ! you
will not see any space :)

laksinu, thanks, that did it. But I don't understand why line breaks at the
end of the table data (td) code should effect the vertical alignment of the top
of the table. I was using the br's to extend the height of the table. Bad idea,
I guess.

silas

Murray *TMM* · Murray *TMM*

HTML between </td> and </tr> is illegal. It will be rendered
unpredictably....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"smpro" <silas.prophet@gmail.com> wrote in message
news:dmajgr$6mh$1@forums.macromedia.com...

> Originally posted by: laksinu
> Remove
> <br><br><br><br><br><br> before </tr> from your code it should work ! you
> will not see any space :)
>
>
>
> laksinu, thanks, that did it. But I don't understand why line breaks at
> the
> end of the table data (td) code should effect the vertical alignment of
> the top
> of the table. I was using the br's to extend the height of the table. Bad
> idea,
> I guess.
>
> silas
>
>

smpro · smpro

Thank you much. I have a lot to learn ;)

silas

Murray *TMM* · Murray *TMM*

Good luck.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"smpro" <silas.prophet@gmail.com> wrote in message
news:dmb65h$r43$1@forums.macromedia.com...

> Thank you much. I have a lot to learn ;)
>
> silas

laksinu · laksinu

You're welcome smpro, may be to define height for a <td> i suggest you use height="x" instead of <br> :)

best of luck,

Table alignment...

Thread Tools

Display

Table alignment...

Similar Questions and Discussions

Alignment problem with table

Vertical alignment in table cells

table alignment

SWF alignment in HTML Table

Table Alignment in Mozilla

Re: Table alignment...

Re: Table alignment...

Re: Table alignment...

Re: Table alignment...

Re: Table alignment...

Re: Table alignment...

Re: Table alignment...

Re: Table alignment...

Re: Table alignment...

Re: Table alignment...

Posting Permissions