table alignment issues
-
I have a table I am using as my header filled with buttons.
I wont line up straight for the life of me. It looks perfect in all my html editors but no once it’s uploaded to wordpress.
What am i missing?
http://www.thespateam.com
-
here is all the code. And yes the logo on the left is in the table too.
[ Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser. Or use pastebin.com instead. ]
<table align="center" border="0" cellpadding="0" cellspacing="0" height="222" width="995"> <tbody> <tr> <td align="center" height="222" valign="middle" width="321"><a href="http://www.thespateam.com"><img class="aligncenter" style="border: 0px;" src="http://www.thespateam.com/images/snake_river_pool_and_spa.jpg" alt="Snake River Pool & Spa" align="left" border="0" height="198" width="321"></a></td> <td align="center" height="222" valign="middle" width="674"><a href="http://www.thespateam.com"><img src="http://www.thespateam.com//images/homeoff.jpg" alt="Home" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://www.thespateam.com/store-2/"><img src="http://www.thespateam.com//images/storeoff.jpg" alt="Online Store" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://www.thespateam.com/hot-tubs/"><img src="http://www.thespateam.com/images/hottubsoff.jpg" alt="Hot Tubs" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://www.thespateam.com/pre-owned-spas/"><img src="http://www.thespateam.com/images/preowedoff.jpg" alt="Pre Owned Spas" border="0" height="70" hspace="0" width="70"></a><a href="http://thespateam.com/saunas/"><img src="http://www.thespateam.com/images/saunasoff.jpg" alt="Saunas" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://thespateam.com/grills/"><img src="http://www.thespateam.com/images/grillsoff.jpg" alt="Grills" border="0" height="70" hspace="0" width="70"></a><a href="http://www.thespateam.com/swim-spas"><img alt="Swim Spas" src="http://www.thespateam.com/images/swimspasoff.jpg" border="0" height="70" width="70"></a> <a href="http://www.thebilliardteam.com"><img src="http://www.thespateam.com/images/gamesoff.jpg" alt="Game Tables" border="0" height="70" hspace="2" vspace="0" width="70"></a><a href="http://thespateam.com/pools/"><img src="http://www.thespateam.com/images/poolsoff.jpg" alt="Pools" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://thespateam.com/accessories/"><img src="http://www.thespateam.com/images/accessoriesoff.jpg" alt="Accessories" border="0" height="70" hspace="0" width="70"></a><a href="http://thespateam.com/water-care/"><img src="http://www.thespateam.com/images/watercareoff.jpg" alt="Water Care" border="0" height="70" hspace="0" width="70"></a><a href="http://thespateam.com/contact-us/"><img src="http://www.thespateam.com/images/contactoff.jpg" alt="Contact Us" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://www.thespateam.com/request-a-quote"><img alt="quote" src="http://www.thespateam.com/images/quote.jpg" border="0" height="70" width="70"></a><a href="http://thespateam.com/about-us/"><img src="http://www.thespateam.com/images/aboutoff.jpg" alt="About Us" border="0" height="70" hspace="0" vspace="0" width="70"></a> <a href="http://thespateam.com/new/customer-resources/"><img src="http://www.thespateam.com/images/resourcesoff.jpg" alt="Resources" border="0" height="70" hspace="0" width="70"></a><a href="http://thespateam.com/service/"><img src="http://www.thespateam.com/images/serviceoff.jpg" alt="Service" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://thespateam.com/financing/"><img src="http://www.thespateam.com/images/financeoff.jpg" alt="Financing" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://www.facebook.com/SnakeRiverPoolAndSpa"><img src="http://www.thespateam.com/images/facebook.jpg" alt="Facebook" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="https://twitter.com/thespateam"><img src="http://www.thespateam.com/images/twitter.jpg" alt="twitter" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="http://www.youtube.com/user/snakeriverppol"><img src="http://www.thespateam.com/images/youtube.jpg" alt="you tube" border="0" height="70" hspace="0" vspace="0" width="70"></a><a href="https://plus.google.com/116266680879545931699/about"><img src="http://www.thespateam.com/images/googleplus.jpg" alt="google pus" border="0" height="70" hspace="0" vspace="0" width="70"></a></td> </tr> </tbody> </table>Consider a CSS-specific forum for CSS-specific queries.
If you’re talking about getting the buttons to line up with the site’s logo, it looks like it’s because on line 29 of style.css you have a “vertical-align: baseline” that is affecting your table.
thanks it worked
The topic ‘table alignment issues’ is closed to new replies.