Dreamweaver - Table formatting

Author

Table formatting

BH2

2004-08-05, 4:14 am

I created a navigation table (1 row with 9 cells across). The text in two of
the cells looks lower than the others and there's nothing in the code that says
they are bottom aligned. Any ideas on why this is happening?

.: Nadia :TMM :.

2004-08-05, 4:14 am

Do the other cells have any alignment set? If not, then a url to the
problem page would be helpful.

--
Nadia
Team Macromedia Volunteer for Dreamweaver
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------
MM Dreamweaver Tutorials
http://macromedia.com/devnet/mx/dreamweaver/
-----------------

"BH2" <webforumsuser@macromedia.com> wrote in message
news:cescm8$bkc$1@forums.macromedia.com...
> I created a navigation table (1 row with 9 cells across). The text in two
of
> the cells looks lower than the others and there's nothing in the code that
says
> they are bottom aligned. Any ideas on why this is happening?
>

BH2

2004-08-05, 4:14 am

The <td> has a "middle" alignment and the navigation table is a Library item.
The URL is www.pacificlandgroup.ca.

Here's one of the offending TD code
<td width="109"><div align="center"><a href="../whatsnew.htm"
class="nav">WHAT'S NEW</a> </div> </td>

A.H.O.

2004-08-05, 4:15 am

HEY....the message didnt post like I wrote it! Why in thw world did it take
out half of the code I pasted in? It took out all of the A tags.

Anyway....ignore the top post because it doesnt show what I was trying to
say.....What Im saying is that in those cells you have spaces between the A and
the DIV tags at the end. Remove the space and it should render (is that the
right word?) correctly.

Or am I way off base Nadia?

A.H.O.

2004-08-05, 4:15 am

Is it because in these "offending" cells there is a space between the closing
div tag and the closing anchor tag?

Notice the </a> </div> in this code

<td><div align="center"><a href="whatsnew.htm" class="nav">WHAT'S NEW</a>
</div>
</td>
<td><div align="center"><a href="companyprofile.htm" class="nav">COMPANY
PROFILE</a> </div>

as opposed to
</a></div> in this code

<td><div align="center"><a href="employment.htm"
class="nav">EMPLOYMENT</a></div>
</td>
<td><div align="center"><a href="resources.htm"
class="nav">RESOURCES</a></div>
</td>
<td><div align="center"><a href="contact.htm" class="nav">CONTACT</a></div>
</td>

Can that cause that problem?

BH2

2004-08-05, 4:15 am

Interesting that the problem doesn't show up on Netscape! Is there an
IE-specific piece of HTML or something I'm missing?

Also, I noticed my a:hover CSS styles aren't working in Netscape. Why would
that be?

.: Nadia :TMM :.

2004-08-05, 4:15 am

"BH2" <webforumsuser@macromedia.com> wrote in message
news:cesijb$g79$1@forums.macromedia.com...
> Interesting that the problem doesn't show up on Netscape! Is there an
> IE-specific piece of HTML or something I'm missing?
>
> Also, I noticed my a:hover CSS styles aren't working in Netscape. Why
would
> that be?

See if this helps you any:
http://www.mako4css.com/Issues.htm

--
Nadia
Team Macromedia Volunteer for Dreamweaver
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------
MM Dreamweaver Tutorials
http://macromedia.com/devnet/mx/dreamweaver/
-----------------

Murray *TMM*

2004-08-05, 12:14 pm

And - you're really going to have to show code to get answers for these
questions.

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

".: Nadia :TMM :." <nadia@no-junk=dreamweaverresources.com> wrote in message
news:cesjbe$gq6$1@forums.macromedia.com...
>
> "BH2" <webforumsuser@macromedia.com> wrote in message
> news:cesijb$g79$1@forums.macromedia.com...
> would
>
> See if this helps you any:
> http://www.mako4css.com/Issues.htm
>
> --
> Nadia
> Team Macromedia Volunteer for Dreamweaver
> ---------------
> http://www.DreamweaverResources.com
> Free Templates | Free Nav Bar Sets
> Dropdown Menu Designs | CSS Layouts
> Ecommerce - YVStore | SEO Articles
> Table Tutorials | Background image Tutorials
> ------------------------------------------------
> MM Dreamweaver Tutorials
> http://macromedia.com/devnet/mx/dreamweaver/
> -----------------
>
>
>

Murray *TMM*

2004-08-05, 7:14 pm

OK.

1. <link href="../PLRG2.css" rel="stylesheet" type="text/css">
<table width="753" height="25" bgcolor="#CCCCCC">

Never link to a stylesheet in the body of the page.

2. MM_showMenu(window.mm_menu_0707145103_0,0,19,null,'link4')"

NEVER use the DW/FW pop-up menus. Ugh.

Now tell me what the problem is again, please?

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

"BH2" <webforumsuser@macromedia.com> wrote in message
news:cetjrs$qjl$1@forums.macromedia.com...
> Here's a copy and paste of the table.
>
> <link href="../PLRG2.css" rel="stylesheet" type="text/css">
> <table width="753" height="25" bgcolor="#CCCCCC">
> <tr valign="middle"CCCCCC">
> <td width="35"><div align="center"><a href="../index.htm"
> class="nav">HOME</a></div> </td>
> <td width="142"><div align="center"><a href="../companyprofile.htm"
> class="nav">COMPANY
> PROFILE</a></div> </td>
> <td width="45"><div align="center"><a href="../people.htm"
> class="nav">PEOPLE</a></div> </td>
> <td width="85"><div align="center"><a href="../services.htm"
name="link3"
> class="nav" id="link1"
> onMouseOver="MM_showMenu(window.mm_menu_0707143443_0,0,19,null,'link3')"
> onMouseOut="MM_startTimeout();">SERVICES</a></div> </td>
> <td width="77"><div align="center"><a href="../projects.htm"
name="link4"
> class="nav" id="link2"
> onMouseOver="MM_showMenu(window.mm_menu_0707145103_0,0,19,null,'link4')"
> onMouseOut="MM_startTimeout();">PROJECTS</a></div> </td>
> <td width="109"><div align="center"><a href="../whatsnew.htm"
> class="nav">WHAT'S NEW</a></div> </td>
> <td width="82"><div align="center"><a href="../employment.htm"
> class="nav">EMPLOYMENT</a></div> </td>
> <td width="76"><div align="center"><a href="../resources.htm"
> class="nav">RESOURCES</a></div> </td>
> <td width="64"><div align="center"><a href="../contact.htm"
> class="nav">CONTACT</a></div> </td>
> </tr>
> </table>
>

BH2

2004-08-05, 7:14 pm

Here's a copy and paste of the table.

<link href="../PLRG2.css" rel="stylesheet" type="text/css">
<table width="753" height="25" bgcolor="#CCCCCC">
<tr valign="middle"CCCCCC">
<td width="35"><div align="center"><a href="../index.htm"
class="nav">HOME</a></div> </td>
<td width="142"><div align="center"><a href="../companyprofile.htm"
class="nav">COMPANY
PROFILE</a></div> </td>
<td width="45"><div align="center"><a href="../people.htm"
class="nav">PEOPLE</a></div> </td>
<td width="85"><div align="center"><a href="../services.htm" name="link3"
class="nav" id="link1"
onMouseOver="MM_showMenu(window.mm_menu_0707143443_0,0,19,null,'link3')"
onMouseOut="MM_startTimeout();">SERVICES</a></div> </td>
<td width="77"><div align="center"><a href="../projects.htm" name="link4"
class="nav" id="link2"
onMouseOver="MM_showMenu(window.mm_menu_0707145103_0,0,19,null,'link4')"
onMouseOut="MM_startTimeout();">PROJECTS</a></div> </td>
<td width="109"><div align="center"><a href="../whatsnew.htm"
class="nav">WHAT'S NEW</a></div> </td>
<td width="82"><div align="center"><a href="../employment.htm"
class="nav">EMPLOYMENT</a></div> </td>
<td width="76"><div align="center"><a href="../resources.htm"
class="nav">RESOURCES</a></div> </td>
<td width="64"><div align="center"><a href="../contact.htm"
class="nav">CONTACT</a></div> </td>
</tr>
</table>

A.H.O.

2004-08-05, 11:14 pm

hey what am I, chopped liver? lol

Would a space between the closing A tag and the closing DIV tag make the text
do that? I noticed that those are the only two cells that have text display
like that and they are the only two cells that have a space between the closing
a and div tags.

A.H.O.

2004-08-06, 4:14 am

lol well then you've used up my very limited knowledge. =-( lol are you sure?

BH2

2004-08-06, 4:15 am

Obviously I'm a newbie so please be patient with me.

1. The link for the stylesheet in that particular file is in a LIBRARY file so
there's no BODY tag in that file anyway.

2. If you're not supposed to use DW/FW pop-up menus, how do you create a drop
down menu if you don't know how to write Javascript? Is there a tutorial
somewhere or tool that can be used?

My main problem is the the navigation bar that shows 2 cells (Corporate
Profile and What's New) that sit lower than the others. This only happens when
viewed in IE (not Netscape) and there is no alignment code telling it to align
to the bottom of the cell.

Thanks for helping.

BH2

2004-08-06, 4:15 am

I tried taking the space from in front of the DIV tag but that didn't seem to help. Thanks for helping though.

Murray *TMM*

2004-08-06, 12:15 pm

See below -

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

"BH2" <webforumsuser@macromedia.com> wrote in message
news:ceut04$87v$1@forums.macromedia.com...
> Obviously I'm a newbie so please be patient with me.
>
> 1. The link for the stylesheet in that particular file is in a LIBRARY
file so
> there's no BODY tag in that file anyway.

Soitenly, but when you insert the Library item into a page, where do you
think that link winds up? A Library item should never contain <html>,
<head>, or <body> tags, and it should never contain links to external CSS
files, or CSS style declarations.

>
> 2. If you're not supposed to use DW/FW pop-up menus, how do you create a
drop
> down menu if you don't know how to write Javascript? Is there a tutorial
> somewhere or tool that can be used?

I'm glad you asked!

http://www.projectseven.com/tutoria...menus/index.htm

or

http://www.projectseven.com/tutoria..._hide/index.htm

and here's an example you can analyze -

http://www.projectseven.com/tutorials/autolayers/

>
> My main problem is the the navigation bar that shows 2 cells (Corporate
> Profile and What's New) that sit lower than the others. This only happens
when
> viewed in IE (not Netscape) and there is no alignment code telling it to
align
> to the bottom of the cell.

The answer is in the code. I'll take a look.

>
> Thanks for helping.
>

Murray *TMM*

2004-08-06, 12:15 pm

Your problem is caused by those links wrapping in the cells, and I see it in
both IE6 and FF0.8/WXPPro.

If you remove all widths from your table and your cells, I think you'll get
what you want. However, there is now no demarcation between the links. So
what you will have to do is to make sure that the character widths of the
links are consistent with the overall table width, and let the browser fix
everything else. You can also use a pipe symbol "|" as a divider between
the different options.

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

"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:cevoql$47i$1@forums.macromedia.com...
> See below -
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "BH2" <webforumsuser@macromedia.com> wrote in message
> news:ceut04$87v$1@forums.macromedia.com...
> file so
>
> Soitenly, but when you insert the Library item into a page, where do you
> think that link winds up? A Library item should never contain <html>,
> <head>, or <body> tags, and it should never contain links to external CSS
> files, or CSS style declarations.
>
a[color=darkred]
> drop
>
> I'm glad you asked!
>
> http://www.projectseven.com/tutoria...menus/index.htm
>
> or
>
> http://www.projectseven.com/tutoria..._hide/index.htm
>
> and here's an example you can analyze -
>
> http://www.projectseven.com/tutorials/autolayers/
>
happens[color=darkred]
> when
> align
>
> The answer is in the code. I'll take a look.
>
>
>