X-Cart forums

[l0st]

Ok. I'm trying to resize a youtube video to play in a page but it's just not letting me!


Here is my css

.left {
    border: 1px;
    float:left;    
    vertical-align:top;
}
.right {
    border: 10px;
    float:right;
    vertical-align:top;
}
.object {
    width: 150px;
    height: 150px;
}

So I have a div tag..
In my left class I have an image.
closed my div tag
I have a new right div and thats where my youtube video should play!! So inside this new div tag I have the youtube video.

You know what will be easier? let me make you a page..
http://img293.imageshack.us/img293/8408/affiliatepagemi4.png

This is the youtube.. and I change this from <object width="425" height="355"> to object class.
http://www.youtube.com/watch?v=4g9Mqs-Pw2o
Thats my youtube powerpoint.
http://www.discountprintingnetwork.com/partner/

[kube]

Change the embed code you've entered to the dimensions you want.

[l0st]

What do you mean?

[kube]

Well I assume you've hard coded the dimensions into the tpl, and the embed tag has dimensions included in it too...

So either edit (which is the cleanest way)...
<embed width="425" height="355"
to
<embed width="150" height="125"


Or the css to override it like you want...

.object embed {
height:125px;
width:150px;
}


Hope this helps.

[l0st]

http://www.discountprintingnetwork.com/partner/

I didn't do anything to the menu.. take a look at that. why is my menus wide? thanks for helping me bud.

[kube]

Change the main <TD>'s width to 100% - the one that contains the vid.

The menu is wide because it hasn't got a width set and there's nothing to expand the main content's cell to it's own 100% width (which would push/squeeze the side menu and make it appear smaller).

[l0st]

I dont even know what I'm doing wrong.. can you help me get the page how I have it in the photo?
http://img293.imageshack.us/img293/8408/affiliatepagemi4.png

here is what it looks like now..

http://img378.imageshack.us/img378/4909/ewwjc4.th.jpg

This is my /partner/main/welcome.tpl

<div class="left" >
    <tr>
        <td width="70%" > 
            <img src="img/partner.jpg" />
        </td>
</tr>
</div>
<div class="right" >
<td width="20%" > 
<tr>
<object class="object"><param name="movie" value="http://www.youtube.com/v/4g9Mqs-Pw2o&hl=en"></param><param name="wmode" value="transparent"></param><embed width="200" height="180" src="http://www.youtube.com/v/4g9Mqs-Pw2o&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
</tr>
</td>
</div>

the .css is still the same. I basically need blue around the youtube in the table row.. but i'm going to need to center this video too..

thanks so much for taking the time..

[kube]

Put the image and the video back into the main content table (where the video was before). And make sure the main content table has a width of 100%

The main content table I am referring to is the one with these comments inside it...
<!-- central space -->
stuff
<!-- /central space -->

[kube]

Now put them into the one TD (not two) and put a <br /> tag between them.

[l0st]

ok but how do I separate these and make the backround to that div blue. I added: BACKGROUND-COLOR: #448ccb;
also. the image.. i need that to be closer to the menu.. sorry for the 51 questions..