Position of Background Images/HTML

[jarvis24]

If you open the video in the Windows Media Player, does it look and play as you would expect? If you click on the file properties while in WMP, what size does it say the video is? Does that seem to match what you are getting when it is displayed in WMP?

[Mary]

Hello,

Yes, the video looks exactly right in WMP. The file size is 320x240. It looks that size in media lab. I've tried embedding it as a background image, I've tried using it as a movie item, I've tried different types of video (e.g., wmv, avi). Nothing. Nothing. The only thing I can do is the work-around of coverting everthing to flash, embedding it in a webpage, then using the webpage as a background. This sure seems like a lot of work just to get the position right, so something is obviously not working here. At this point I'm beginning to run out of time on this experiment, so I have to use the work around unless I can get some alternative. Any thoughts? It sure would be nice to be able to use the program properly. I just cannot figure out what is going on. And this problem comes up on my machine at home, with or without the external monitor, it comes at on every lab computer at school, and it comes up at my office computer.

Any help would be greatly appreciated.

Kind regards,

Mary

[jarvis24]

If you like, I can log onto your system and see if I can tell what's up. Send me an email if you like--I could it today between now and 2pm.

[sas]

I'm having a similar problem. No matter what I do, the background image in a scale response item, does not move around the screen. I use, as the help file says, "1.bmp (t10)" for instance, or try different t and l values, even using %. The image always stays on the center of the screen.

This is happening on a Win XP with Medialab 2008 1.33.

[sas]

The problem was spontaneously solved. I don't know what is different from before.

[jarvis24]

Thanks for the update--please let us know if the problem recurrs.

[sophiamia]

Instead of setting up margins and padding around each image in a style tag (which causes a lot of code bloat) you can instead set up classes for the margins and padding along with floats that you use the most in CSS and then add that to a div tag that surrounds the image, i.e., like this:
.mar12 {margin:12px; }
.mar12l {margin-left:12px; }
.mar12r {margin-right:12px; }
.mar12b {margin-bottom:12px; }
.mar12t {margin-top:12px; }
.pad12 {padding:12px; }
.pad12l {padding-left:12px; }
.pad12r {padding-right:12px; }
.pad12t {padding-top:12px; }
.pad12b {padding-bottom:12px; }
.floatleft {float:left;}
.floatright {float:right;}
Repeat these for whatever margin and padding sizes you use the most.
Then put the image in a div and list the padding and margin like this (divs don’t add extra spacing where P tags do):
<div class=”floatright Mar12l”>
<img src=”images/name-of-image.jpg” alt=”describe image”>
</div>
This will float the image to the right with 12pixels of margin on the left (to separate the text from the image). Then add a class for padding if needed.


You will need at least CSS for sure for this.
I think you expect not only by using HTML. So either you can use position absolute and adjust with different top, right, bottom, left values.
Or use flexbox.

Removing background of a picture is a tough job. We usually use Photoshop to remove the background of a picture but think is it possible to have your laptop or computer with yourself everytime. So, then we take out our android phone from our pocket.