Table gap on top only in Browser not preview

Argg.. i'm done with most of my page, so i decided to post it on my IIS
server. For some weird reason, when i preview in DW it looks just like how i
want it. Now when i put it on my server to publish it, i have these gaps at
the top of my tables cells.. grr. and the funny thing is that it only
happens on some of my cells, not all. Here is a link to my site.. let me
know what you think!

http://www.drmcnatty.com/newsite/drm.htm

If you look at the site you'll notice that the Cast Study and News sections
are not level with the Products section. Same with the cells on the bottom.
Any idea on how to fix this? I created a CCS file and have associated these
"unlevel" cells to have vertical alignment = top.. Still didn't fix it. It
looks perfect on my preview.. grr..Please help! Thanks

I'm a newb so be gentle.. I don't quite get what your suggestion is, but i
did get rid of the "&" in the file name. =) Here is what i did, i just went
into the attributes for the pictures and deleted the "class=stylexx". That
didn't fix the problem. Maybe i'm not doing what i'm supposed to do. Please
help again.. =P

"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_post (DOT) org> wrote in
message news:cc46di$buk$2 (AT) forums (DOT) macromedia.com...

Frank Oh wrote:

Argg.. i'm done with most of my page, so i decided to post it on my IIS
server. For some weird reason, when i preview in DW it looks just like
how i
want it. Now when i put it on my server to publish it, i have these gaps
at
the top of my tables cells.. grr. and the funny thing is that it only
happens on some of my cells, not all. Here is a link to my site.. let me
know what you think!

http://www.drmcnatty.com/newsite/drm.htm

If you look at the site you'll notice that the Cast Study and News
sections
are not level with the Products section. Same with the cells on the
bottom.
Any idea on how to fix this? I created a CCS file and have associated
these
"unlevel" cells to have vertical alignment = top.. Still didn't fix it.
It
looks perfect on my preview.. grr..Please help! Thanks



It's because you have a paragraph class around those who're not aligning
top while a span class around the ones who aligning.

See
span class="style51"><img src="Graphics/products.jpg" width="243"
height="25"
compared to
p class="style11"><img src="Graphics/news&events.jpg" width="244"
height="25"

BTW: Don't use "&" in a file name. Might cause issues...

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

.oO(Dan Vendel *GOF*)

p class="style11"><img src="Graphics/news&events.jpg" width="244"
height="25"

BTW: Don't use "&" in a file name. Might cause issues...

ACK

Additionally it should be &amp; in cases like above or the validator
complains about an unknown entity ... but better remove it.

Micha

Frank Oh wrote:

I'm a newb so be gentle.. I don't quite get what your suggestion is, but i
did get rid of the "&" in the file name. =) Here is what i did, i just went
into the attributes for the pictures and deleted the "class=stylexx". That
didn't fix the problem. Maybe i'm not doing what i'm supposed to do. Please
help again.. =P

OK, from the start:

The <p> tag means a paragraph. It's the most common tag to keep regular
text in, since browsers (plus DW and search engines) will treat its
content in certain ways. For instance, browser will give a p-tag a top
margin automatically (unless you re-define the tag's attributes by using
CSS).

But you can make p-tags look differently by applying various styles to
it. Let's say you want certain paragraphs to be more narrow or have
other fonts. When you add the style to a p-tag, it will start:
<p class="mySpecialParagraphStyle" ....

But if you add that same style to a text or an image that does NOT
previously have a paragraph style, the tag will look:
<span class="Blahblahblah"....

So, the images with headlines you have that are not aligning top are
wrapped inside p-tags. Hence, the browser will give them top margins (as
described above) unless you set this to zero in the CSS.

But the headline images that aligns top are NOT inside p-tags. To fix
this, you could do several things depending on how you want it, but try
this:

In code view, change places of the tags that loks:
<p class="style11"><img src="Graphics/newsevents.jpg" width="244"
height="25">

so that they look
<img src="Graphics/newsevents.jpg" width="244" height="25"><p
class="style11">

The image will thereby NOT be included in the paragraph and will not get
the top marging.

You could also take a close look at the cells that are OK and copy the
opening span class-tags (and closing ones that looks </span>) and simpy
create the same in the erroneous cells.

I hope this makes sense...

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

Ok i think i found out what the problem was. I have a table that is 3
columns and 1 row. In each cell has a nested table, 1 column and 2 rows. So
in the end it looks like 1 table with 3 columns and 2 rows. Now for some odd
reason when i expand the first or third column height wise, it affects the
middle column.. and only the middle column.. It seems like it's trying to
justify the middle column on the center of the page.. wtf? I was doing a
little testing and i deleted everything in the middle column now when i
adjust the 1st or 3rd column, the middle column gets auto adjusted so it's
directly in the middle of the page and not at the top of the table....
Please help =(

-Frank


"Frank Oh" <joblow (AT) hotmail (DOT) com> wrote

Argg.. i'm done with most of my page, so i decided to post it on my IIS
server. For some weird reason, when i preview in DW it looks just like how
i
want it. Now when i put it on my server to publish it, i have these gaps
at
the top of my tables cells.. grr. and the funny thing is that it only
happens on some of my cells, not all. Here is a link to my site.. let me
know what you think!

http://www.drmcnatty.com/newsite/drm.htm

If you look at the site you'll notice that the Cast Study and News
sections
are not level with the Products section. Same with the cells on the
bottom.
Any idea on how to fix this? I created a CCS file and have associated
these
"unlevel" cells to have vertical alignment = top.. Still didn't fix it. It
looks perfect on my preview.. grr..Please help! Thanks

Ok nevermind i fixed this problem with the middle row. I'm still getting the
gaps on top of the bars. I tried your suggestion, Dan, to look for the <p
class> and there was one instance of <p class> and it didn't do anything
when i removed the tag. Dang.. still getting the same problem. Anybody else
seen this problem. The weird thing about it is that when i preview from DW
it looks perfect. When i copy it over to the server and browse to it, it has
these stupid gaps. Arggh.. i'm almost done.. stupid spacing.. Please help!
Thanks

"Frank Oh" <joblow (AT) hotmail (DOT) com> wrote

Ok i think i found out what the problem was. I have a table that is 3
columns and 1 row. In each cell has a nested table, 1 column and 2 rows.
So
in the end it looks like 1 table with 3 columns and 2 rows. Now for some
odd
reason when i expand the first or third column height wise, it affects the
middle column.. and only the middle column.. It seems like it's trying to
justify the middle column on the center of the page.. wtf? I was doing a
little testing and i deleted everything in the middle column now when i
adjust the 1st or 3rd column, the middle column gets auto adjusted so it's
directly in the middle of the page and not at the top of the table....
Please help =(

-Frank


"Frank Oh" <joblow (AT) hotmail (DOT) com> wrote in message
news:cc45so$ff7$1 (AT) forums (DOT) macromedia.com...
Argg.. i'm done with most of my page, so i decided to post it on my IIS
server. For some weird reason, when i preview in DW it looks just like
how
i
want it. Now when i put it on my server to publish it, i have these gaps
at
the top of my tables cells.. grr. and the funny thing is that it only
happens on some of my cells, not all. Here is a link to my site.. let me
know what you think!

http://www.drmcnatty.com/newsite/drm.htm

If you look at the site you'll notice that the Cast Study and News
sections
are not level with the Products section. Same with the cells on the
bottom.
Any idea on how to fix this? I created a CCS file and have associated
these
"unlevel" cells to have vertical alignment = top.. Still didn't fix it.
It
looks perfect on my preview.. grr..Please help! Thanks

Frank,
Place your cursor into the offending cell and in the PI, set the vert.
alignment to top.
You also have a lot of height attribute in those cells, get rid of them :-)

--
Nadia
---------------
:Free Templates !! Dropdown Menu Designs:
http://www.DreamweaverResources.com
:Templates: Free Nav Bar Sets:
:Tutorials : Ecommerce : SEO Articles :
---------------------


"Frank Oh" <joblow (AT) hotmail (DOT) com> wrote

Ok nevermind i fixed this problem with the middle row. I'm still getting
the
gaps on top of the bars. I tried your suggestion, Dan, to look for the <p
class> and there was one instance of <p class> and it didn't do anything
when i removed the tag. Dang.. still getting the same problem. Anybody
else
seen this problem. The weird thing about it is that when i preview from DW
it looks perfect. When i copy it over to the server and browse to it, it
has
these stupid gaps. Arggh.. i'm almost done.. stupid spacing.. Please help!
Thanks

"Frank Oh" <joblow (AT) hotmail (DOT) com> wrote in message
news:cc4hj0$tu$1 (AT) forums (DOT) macromedia.com...
Ok i think i found out what the problem was. I have a table that is 3
columns and 1 row. In each cell has a nested table, 1 column and 2 rows.
So
in the end it looks like 1 table with 3 columns and 2 rows. Now for some
odd
reason when i expand the first or third column height wise, it affects
the
middle column.. and only the middle column.. It seems like it's trying
to
justify the middle column on the center of the page.. wtf? I was doing a
little testing and i deleted everything in the middle column now when i
adjust the 1st or 3rd column, the middle column gets auto adjusted so
it's
directly in the middle of the page and not at the top of the table....
Please help =(

-Frank


"Frank Oh" <joblow (AT) hotmail (DOT) com> wrote in message
news:cc45so$ff7$1 (AT) forums (DOT) macromedia.com...
Argg.. i'm done with most of my page, so i decided to post it on my
IIS
server. For some weird reason, when i preview in DW it looks just like
how
i
want it. Now when i put it on my server to publish it, i have these
gaps
at
the top of my tables cells.. grr. and the funny thing is that it only
happens on some of my cells, not all. Here is a link to my site.. let
me
know what you think!

http://www.drmcnatty.com/newsite/drm.htm

If you look at the site you'll notice that the Cast Study and News
sections
are not level with the Products section. Same with the cells on the
bottom.
Any idea on how to fix this? I created a CCS file and have associated
these
"unlevel" cells to have vertical alignment = top.. Still didn't fix
it.
It
looks perfect on my preview.. grr..Please help! Thanks