1. 

   cacf
   Member

   Hello,
   there is a problem with my "spash images" at the beginning of my video. the size is ok but it doesn't occupate the whole space...

   Posted 6 months ago #
2. 

   zdenka
   Key Master

   Hi cacf,

   this seems like some conflict with your own css. Please check your style sheet for any image width and height restrictions.

   Zdenka

   Posted 6 months ago #
3. 

   cacf
   Member

   i don't understand : the last spash image is ok and not the firt ...

   Posted 6 months ago #
4. 

   zdenka
   Key Master

   Hi cacf,

   the splash made at the end is inserted via javascript in there, the first splash image in normal image. They have different classes, ids, and their parent divs are different. Your css probably has something that is overriding one of the classes used for the first image, but not for the last one.

   Try checking classes such as splash, player, plain in your css.

   Zdenka

   Posted 6 months ago #
5. 

   Jim
   Member

   Hi,

   I'm having the same problem with a splash image. This is the opening splash image, not the javascript one at the end. It's as if the image width (not the height) is compressed and left justified, letting the dark gray background peak through on the right.

   This is clearly not a CSS image size restriction, because I test shrunk my player size from 640x360 to 64x32 and, even though tiny, I can still discern the splash image distortion.

   Note that the video properly fills the player.

   Posted 2 weeks ago #
6. 

   zdenka
   Key Master

   Hi Jim,

   there is certainly some conflict with your own css. Please check your styles for img tag (most probable cause), or check other styles that might affect the image.

   Zdenka

   Posted 2 weeks ago #
7. 

   Jim
   Member

   Zdenka,

   This is a needle in a haystack. Can you clue me? Is it a fixed width issue? A percentage?

   BTW, I am using the Twenty Eleven theme with the Digital Raindrops 2011 Color Master child theme.

   Posted 2 weeks ago #
8. 

   zdenka
   Key Master

   Hi Jim,

   I have no idea where the problem can be, this is your site and your css, it can be whatever. Default twenty eleven should not have any issues like this, so I am guessing it must be that digital raindrops theme.

   Try to use for example Firebug in Firefox to discover which styles are being used for img tags. .. or development tools for Chrome or Safari.

   Without seeing the site there is no way I can tell which line of your css is causing conflicts.

   Zdenka

   Posted 2 weeks ago #
9. 

   Jim
   Member

   Should have told you, in case you were interested, site is papayaworks.com, page is Web Video. It's only a shell now as I just started putting it together.

   Digital Raindrops doesn't really have it's own style sheet. I notice that FV Wordpress Flowplayer does.

   I wonder, if I temporarily deactivated Digital Raindrops to test this, would I still have it's settings when i reactivate? I use it to give more control (without having to do any CSS brain surgery) over color elements. Digital Raindrops will recommend colors based on the header image palette.

   I'll take a look at Firebug later today. Where I am at moment does not have Firefox.

   Posted 2 weeks ago #
10. 

    zdenka
    Key Master

    Hi Jim,

    ok so the line what you are looking for is line 852 in style.css where is the the max-width: 97.5%;

    This makes all images in posts, comments and widgets shorter then they are.

    Zdenka

    Posted 2 weeks ago #
11. 

    Jim
    Member

    Bingo! I set it to 100%. Why would they stick a rule like that in there? Anyway, thanks for your help.

    Posted 2 weeks ago #

Reply