#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Posts
    200
    Rep Power
    16

    Embedded Flash problem:


    OK I have embedded a flash movie and I want no padding at the bottom of the flash object so it butts up with my horizontal menu. I have used the following html

    PHP Code:
    <td class="flash"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="340" height="140">
      <
    param name="movie" value="images/movie.swf">
      <
    param name="quality" value="high">
      <
    embed src="images/movie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="340" height="140"></embed>
    </
    object></td
    Here is the css I use for the cell:

    PHP Code:
    .flash{
        
    vertical-alignbottom;
        
    text-align:right;
        
    padding-right:25px;
        
    background-color:#EBF0F5;
        
    padding-bottom:0px;
        
    margin:0px;

    But in Netscape and Mozilla browsers there is a 2pixel gap at the bottom of the object ? IE and Opera are ok, does any-one know anything about this ?

    thanks for your time.
  2. #2
  3. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,262
    Rep Power
    1960
    I believe what you need is either;

    {vertical-align: text-bottom;} which aligns the bottom of the element with the bottom of the font line of the parent element text, or

    {vertical-align: -.25em;} which aligns the bottom of the element with a point &#188; of an em (a good starting point) below the baseline of the parent element text.

    {vertical-align: bottom;} aligns the element at the bottom of its own line box. Why that's different than the above stuff??? To tell the truth, I don't grok line boxes all that well. They give me tired-head.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Posts
    200
    Rep Power
    16
    Nope, neither of those worked ?
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,126
    Rep Power
    4309
    Code:
    object,embed {
    margin: 0;
    padding: 0;
    border: 0 none;
    }
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Posts
    200
    Rep Power
    16
    nope that didnt do it either ?!?!
  10. #6
  11. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,262
    Rep Power
    1960
    Take a look at my mysterious gap demo. If that doesn't fix what ails you, it is likely a table (which you shouldn't be using anyway) issue.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Posts
    200
    Rep Power
    16
    I love using tables. Here is what solved it for me:

    td object, td embed {
    vertical-align: bottom;
    }

    thanks anyway guys.
  14. #8
  15. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,262
    Rep Power
    1960
    That stands to reason, since you have an embed element nested in the object element. Each is inline and would default to baseline alignment. Wish I'd thought of that. Good catch.

    cheers,

    gary
    Last edited by kk5st; September 30th, 2004 at 11:16 AM. Reason: awkward phrase
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.

IMN logo majestic logo threadwatch logo seochat tools logo