Help on STRANGE styles attributes generated by WORD...


I have a form with a large complicated table on it that I decide to try designing in Word 2003, saving as a web page and then modifying in Dreamweaver.  I have a couple of questions.

It seems that MS uses some special style attributes that seem to work, yet I can't find an explanation of them anywhere and Dreamweaver signals as being errors (yet they work?)

For example:

mso-border-top-alt:solid #EAEAEA .5pt

I figure the mso-thing is just proprietery MS, but the -alt part, I can't find described anywhere.  Here is the whole TD in question:

<td width=739 colspan=34 valign=top style='width:7.7in;border-top:none;
  border-left:solid #EAEAEA 1.5pt;border-bottom:solid #EAEAEA 1.0pt;border-right:
  solid #EAEAEA 1.5pt;mso-border-top-alt:solid #EAEAEA .5pt;mso-border-top-alt:
  1.5pt;mso-border-color-alt:#EAEAEA;mso-border-style-alt:solid;padding:0in 0in 0in 0in'>
  <p class=MsoNormal style='margin-top:0in;margin-right:2.15pt;margin-bottom:
  0in;margin-left:2.15pt;margin-bottom:.0001pt'><span style='font-size:8.0pt;
  mso-bidi-font-family:Arial'>WHY DO I NEED TO COMPLETE THIS FORM<span
  class=GramE>?...</span></span></p>  </td>

This cell has thin gray lines on some sides and thick gray lines on other sides.  It seems to give values to the typical border attributes, then adds these "-alt" type values.  The original border values are incorrect and the -alt ones are correct.

Is this the process necessary if one wants to declare an unusually sized or colored border color?

Also, in the TABLE declaration, they go:

<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
 solid #EAEAEA .5pt;mso-yfti-tbllook:480;mso-padding-alt:0in 0in 0in 0in;
 mso-border-insideh:.5pt solid #EAEAEA;mso-border-insidev:.5pt solid #EAEAEA'>

What is the significance of doing BORDERCOLLAPSE;COLLAPSE and then BORDER:NONE, then declaring the "-alt" values?



P.S., It works perfectly so I don't want to mess with it - I just want to understand it :)

Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

The border-collapse:collapse mens that if all of your cells have borders, adjacent borders will merge, so as to have only one border taken into account between two cells. For example, if all your cells have a 1px border, by putting this the border will be 1px wide between two cells. If you don't put this, each cell will have its 1px border so you will have a 2px border between the cells.
border:none in the table style attribute means that the table has no surrounding borders.
By the way, i do not know what does the mso-border-left-alt means.. That is word specific attributes though, maybe taken into account by IE, but certainly not by other browsers.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
MitchellVIIAuthor Commented:
Yes i figured the "alt" was IE specific.  99% of my users have access to IE so I am not worried about it.  Apparently it does allow for better "border control" than regular border attributes - for instance, it seems to give you true colors on grays, which regular "border" doesn't seem to get at all.

Fortunately, I am not designing this web page for the masses - just my candidates (I'm a headhunter) and I can instruct them to use IE to view the page.

MitchellVIIAuthor Commented:
I just tried opening it in Netscape and it's pretty close.  I'm sure I can figure out the changes that need to be made.  Other than adjusting some sound things I should be good to go :)

It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.