Ask Experts Questions for FREE Help !
Ask
    DrJ's Avatar
    DrJ Posts: 1,328, Reputation: 339
    Ultra Member
     
    #1

    Jul 30, 2009, 05:39 PM
    Aligning text next to embedded flash object in FireFox
    I am trying to embed this flash video into a website and I want the text to read along the side of it. However, of course, there needs to be some padding on the right side and the bottom of the video.

    I tried using
    Code:
    style:padding-right:15px
    in the OBJECT tag and it seemed to work in Dreamweaver. However, when viewed in FireFox, it does not work. I also tried margin and got the same result.

    The first image is what I want (the way it is displayed in Dreamweaver)

    The second image is what I got (the way it is displayed in FireFox)

    It seems like such a stupid problem but I can't figure it out. Any ideas?
    Attached Images
      
    crigby's Avatar
    crigby Posts: 4,343, Reputation: 107
    Outdoor Power Equipment Expert
     
    #2

    Jul 30, 2009, 06:17 PM

    Hi,
    Dreamweaver is not particularly cross-browser adept. A proper stylesheet will do it with no "sweat."
    Peace,
    Clarke
    DrJ's Avatar
    DrJ Posts: 1,328, Reputation: 339
    Ultra Member
     
    #3

    Jul 31, 2009, 09:44 AM

    Well, I am using CSS for the whole site. I don't allow Dreamweaver to create its own (ugly) CSS styles like it tries to. I don't think it's Dreamweaver that is the issue. I understand that Dreamweaver renders the code it's own way... just as IE & FF render the code THEIR own way.

    I think it is in the way that FF is rendering the CSS for the embedded flash object.

    I use the same style on images when I want the same effect (usually accomplished with the "padding" CSS style). However, for SOME reason, since it is an embedded flash video, it seems to be handling the "padding" differently.. or rather, not at all.

    For example:

    Code:
    <img src=img.jpg align="left" style="padding-right=15px" />
    Will give the desired result of having the text run down the right side of the image with a nice 15px buffer between the image and the text.

    You would think adding the padding to an OBJECT tag would produce the same, nice 15px buffer between the object and the text.
    crigby's Avatar
    crigby Posts: 4,343, Reputation: 107
    Outdoor Power Equipment Expert
     
    #4

    Jul 31, 2009, 07:26 PM

    Hi,
    Just a thought, but how about a "div" tag the uses an ID to increase its specificity, add a margin to it (specific or shorthand) and embed your object within it.
    Peace,
    Clarke
    DrJ's Avatar
    DrJ Posts: 1,328, Reputation: 339
    Ultra Member
     
    #5

    Jul 31, 2009, 07:38 PM

    Ya know... I tried that. I should probably try it again because what happened didn't seem like it should have happened...

    I'm not at work but the code goes something like this:

    Code:
    <div class="container">
      <object align="left" blah blah blah>
         <embed src="flash.flv" blah blah blah
         </embed>
      </object>
    text text text text text text text text text 
    </div>
    So I tried the padding style and the margin style in both the embed and the object tags with no luck in FF.

    So then I tried adding a DIV around the flash like this:

    Code:
    <div class="container">
      <div style="margin-right=15px">
        <object align="left" blah blah blah>
          <embed src="flash.flv" blah blah blah
          </embed>
        </object>
      </div>
    text text text text text text text text text 
    </div>
    I ended up with a DIV that was 1px by 1px with a 15px margin on the right. It didn't surround the flash, like I thought it would.

    So I added height and width to it like this:

    Code:
    <div class="container">
      <div style="margin-right=15px; height=240px; width=300px">
        <object align="left" blah blah blah>
          <embed src="flash.flv" blah blah blah
          </embed>
        </object>
      </div>
    text text text text text text text text text 
    </div>
    Now the div was the same size as the flash with an additional 15px margin on the right.

    When I previewed it in FF, it's like the DIV was on a layer by itself... in front of or behind both the flash and the text. It was just there but it didn't affect the placement of anything around it. The text just overlapped the DIV and butted right up against the flash like it always had been doing.

    ?

    Didn't seem right to me.. I think that's when I came here to ask lol
    crigby's Avatar
    crigby Posts: 4,343, Reputation: 107
    Outdoor Power Equipment Expert
     
    #6

    Jul 31, 2009, 08:54 PM

    Hi,
    Well, I did say an ID, which has a higher specificity and I would put the declaration in the Head. I try to avoid inline style, and even prefer not to embed it in the document; separate the HTML from the CSS most of the time. There are exceptions and I would consider Flash as rendering one.
    Peace,
    Clarke

Not your question? Ask your question View similar questions

 

Question Tools Search this Question
Search this Question:

Advanced Search

Add your answer here.


Check out some similar questions!

Excel - aligning data based on a common value. [ 7 Answers ]

I have 2 lists of data. List A contains 2 columns - Lead ID (column A) & Email ID (column B). This list contains 3,175 rows. List B contains 2 columns - Email ID (column A) & Email Address (column B). This list only contains 3,085 rows. I need to match up the Lead ID with the Email...

Use a shining text effect in Macromedia Flash [ 1 Answers ]

I made a chome text for a webpage, I'm trying to use a technique tutorial called shining text with a gradient mask. it works great if I create the text directly in Macromedia Flash however I cannot get it to apply to the already made text that I'm importing into the stage. HELP. can this be done...

Aligning garage safety swithc [ 1 Answers ]

I have one emitting light garage safety switch on and the other receiving switch is off. How do I lign them both up in a 16' garage door? Is there a special tool to align same or what do I use to get the receiving light switch to activate. (It should turn green when properly aligned.

Aligning in html [ 1 Answers ]

I'm trying to align text and a pic side by side but I'm not sure of the way to do it. I'm coverting php files to html and I don't know the correct way to align a picture on the left and text on the right in html.


View more questions Search