Alirght guy's I'm in need up some help. I'm only an HTML newby so I thought I come here to get some help! Alright here's my question. http://www.cockytalk.com/video.php The forum has images inside the title bars (The ones that say 200s, 1980s etc.) Where do I need to insert the code so I can display images like that...http://www.tigerpawtalk.com/videos.php.

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="750" height="50" align="center">
<tr>

I know it has to go somewhere in there (Please correct me if I'm wrong.) What's the code I need to insert to display the image and, where do I need to put it?

It doesn't look like they've done anything special. They've just added the image into a table cell. The hard part I know is that vBulletin isn't going to show you things quite the same way the source code shows it since you'll be dealing with vBulletin's php variables.

You'll have to find the place in the vB code where you want your image to be and then create a new row in the table. Inside the row will probably just be a single table cell that contains your image.

<tr>
<td><img src="path-to-your-image" /></td>
</tr>

Where you place the image depends on your design. It looks like your design is still in progress so it's hard to tell you exactly where in the code to place the above code.

Yes, as told by Vangogh

Originally Posted by vangogh

It doesn't look like they've done anything special. They've just added the image into a table cell. The hard part I know is that vBulletin isn't going to show you things quite the same way the source code shows it since you'll be dealing with vBulletin's php variables.

You'll have to find the place in the vB code where you want your image to be and then create a new row in the table. Inside the row will probably just be a single table cell that contains your image.

<tr>
<td><img src="path-to-your-image" /></td>
</tr>

Where you place the image depends on your design. It looks like your design is still in progress so it's hard to tell you exactly where in the code to place the above code.

http://www.tigerpawtalk.com/videos.php It worked only it's very ugly. How do I push it to the far left and change the color of the row? Sorry I'm very new to this stuff.

Anyone?

Corey you have to be a little more patient especially on weekends. It gets slow around here sometimes. I think I spoiled you by answering so fast before.

I'm not seeing the images at the moment. Did you take them out? Were you placing them above the (Place videos here) text?

How far were they from the left? Is your image cropped tight to how you want it to display? The image should by default be aligned to the left. It looks like the table cells have been giving a padding of 4px all around in the css. Was the image just slightly off the left edge? If so then it's probably the padding that's causing the issue.

What I would do is assign a class to the table cells that will have the image. Your code would look like

<td class="image-heading">

You can give the class most any name you want. Then you'll have to find where the css file is and add

td.image-heading {padding: 0}

Again you can give the class a name of you're choosing, but it will need to be the same in the html and the css. That should work assuming it was the 4px that were the problem.

I think the background color is being controlled in the PHP. I'm guessing a little, but I think where the PHP is creating the table cells it has code to give every other row a different background color. You probably don't want to change that though since there might be places where you do want that alternating color in the forum.

What you can do is add to the css above

td.image-heading {padding: 0; background-color:#fff}

which should make the background color of these specific cells white. You can obviously change the background-color to the color of your choice.

Hopefully that all works.

Originally Posted by vangogh

Corey you have to be a little more patient especially on weekends. It gets slow around here sometimes. I think I spoiled you by answering so fast before.

I'm not seeing the images at the moment. Did you take them out? Were you placing them above the (Place videos here) text?

How far were they from the left? Is your image cropped tight to how you want it to display? The image should by default be aligned to the left. It looks like the table cells have been giving a padding of 4px all around in the css. Was the image just slightly off the left edge? If so then it's probably the padding that's causing the issue.

What I would do is assign a class to the table cells that will have the image. Your code would look like

<td class="image-heading">

You can give the class most any name you want. Then you'll have to find where the css file is and add

td.image-heading {padding: 0}

Again you can give the class a name of you're choosing, but it will need to be the same in the html and the css. That should work assuming it was the 4px that were the problem.

I think the background color is being controlled in the PHP. I'm guessing a little, but I think where the PHP is creating the table cells it has code to give every other row a different background color. You probably don't want to change that though since there might be places where you do want that alternating color in the forum.

What you can do is add to the css above

td.image-heading {padding: 0; background-color:#fff}

which should make the background color of these specific cells white. You can obviously change the background-color to the color of your choice.

Hopefully that all works.

I'm placing them where you see the red x's. I want them to the far left like the site I showed you in the first post. I'm having a little bit more trouble moving the "Baseball Highlights" table underneath the "Video Of the Week" table. I assigned both of them to the left but the "Baseball Highlights" only go that far!

Corey are the images where you want them now? I see them to the right side, but they look good. It looks like you've made a lot of progress since last night too.

If you do still want them more to the left you just need to change the align="right" to align="left" in the table cells where the images are. I'm thinking you like them where they are now, but just in case that's the change you would need to make.