X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   resize youtube (https://forum.x-cart.com/showthread.php?t=39373)

l0st 04-26-2008 09:31 AM

resize youtube
 
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
Code:

.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 04-26-2008 09:39 AM

Re: resize youtube
 
Change the embed code you've entered to the dimensions you want.

l0st 04-26-2008 09:52 AM

Re: resize youtube
 
What do you mean?

kube 04-26-2008 10:13 AM

Re: resize youtube
 
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 04-26-2008 10:41 AM

Re: resize youtube
 
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 04-26-2008 11:04 AM

Re: resize youtube
 
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 04-26-2008 12:09 PM

Re: resize youtube
 
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
Code:

<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 04-26-2008 12:19 PM

Re: resize youtube
 
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 04-26-2008 12:27 PM

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

l0st 04-26-2008 12:28 PM

Re: resize youtube
 
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..


All times are GMT -8. The time now is 08:34 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.