Ken West

Addendum to previous email: That was supposed to mean our company has over “400 distributors”, not states. (we aren’t an eastern block nation by any accounts)

Insignificant segue note: Why are more companies asking Graphic Artists to do coding? It makes my head hurt. I wish the left-side of my brain would team up more with the right-side, like you guys. Oh well, I guess it’s just the way of the world.

I currently use Cyberduck for the CSS. Thanks for the warning about changing theme styles. It is definitely confusing if you have 3 different CSS codes that are affecting one element and there are auto align, align bottom and alignnone constraints. Which code overides all of those for a table with images? (div, td class, other?)

Thanks for all your help and advanced information. You rock WPyogi!!!

Firebug seems amazing. I need to know if I can add any new code to this without affecting previous code already in use? Is this done by clicking the “reset.css” link and using “Source Edit”? I have my html on the left panel and the css on the right. I’ve clicked on the page element with the inspect tool to select it. Does everything on the css panel relate to this element? (i.e. – custom.css (line 449), style.css (line 150), etc.) What does it mean when things are crossed out? What is meant by “inherited from tbody” and so on? I know this isn’t a Firebug Support page but it does relate to affecting css. Thanks, in advance, for any info given with patience!

I should have prefaced all of this with my abilities being somewhat suspect. WPyogi – your advice is great. I will check into your link right now. Thanks again!

No, I haven’t used Firebug yet. Could it be that Firefox is the only browser that isn’t recognizing the bottom constraint? No margins on this particular chart but there are on others. It’s just “vertical-align: bottom”. Sorry, I didn’t make it clear the current css I’m using is below:

.td bottom {
vertical-align: bottom;
}

Should I put all 3 products in a block?

Here is some of the code for products 672-1000, 672-1010 and 672-1060 (I need them to line up straight across, flush bottom, closer to their part numbers that are on another row beneath):

<table border="0">
<tbody>
<tr valign="bottom">
<td valign="bottom"><a href="https://www.waterwayplastics.com/wp-content/uploads/672-10002.jpg"><img class=" wp-image-4297 alignleft" title="672-1000" src="https://www.waterwayplastics.com/wp-content/uploads/672-10002.jpg" alt="" width="250" height="149" /></a></td>
<td valign="bottom"><a href="https://www.waterwayplastics.com/wp-content/uploads/672-10101.jpg"><img class="size-full wp-image-4298 alignleft" title="672-1010" src="https://www.waterwayplastics.com/wp-content/uploads/672-10101.jpg" alt="" width="250" height="138" /></a></td>
<td valign="bottom"><a href="https://www.waterwayplastics.com/wp-content/uploads/672-10601.jpg"><img class="size-full wp-image-4299 alignleft" title="672-1060" src="https://www.waterwayplastics.com/wp-content/uploads/672-10601.jpg" alt="" width="250" height="78" /></a></td>
</tr>
<tr valign="bottom">
<td valign="bottom"><strong>672-1000</strong></td>
<td valign="bottom"><strong>672-1010</strong></td>
<td valign="bottom"><strong>672-1060</strong></td>
</tr>
</tbody>
</table>

[Please use the code buttons when posting code here]

I’m not sure how to do that without publishing it…and I can’t do that until it is approved. Should I put some of the code in the post? Please check out the previous link to see what I’m trying to accomplish with the code I already posted:

https://www.waterwayplastics.com/products/spa-products/pumps-bases/wet-ends-bases/

See how the “Spa Pumps / Bases” image seem to just float? I’d like to at least get them closer to the part numbers below them. Thanks for any help you can give me!

Here’s the draft page I’m setting up. It’s still in beta. Let me know if you can see it:

https://www.waterwayplastics.com/?page_id=4071&preview=true

Here’s the actual page I’m changing. They used jpegs from manuals but I’m building it using Worpress, making it look very similar:

https://www.waterwayplastics.com/products/spa-products/pumps-bases/wet-ends-bases/