Web Hosting Forum | Lunarpages


*
Welcome, Guest. Please login or register.
Did you miss your activation email?



Login with username, password and session length
May 25, 2012, 07:30:40 AM

Pages: [1]   Go Down
  Print  
Author Topic: How to get text to horizontally align  (Read 2387 times)
Tsuchiyama
Intergalactic Cowboy
*****
Offline Offline

Posts: 60


WWW
« on: January 10, 2011, 01:29:23 AM »

Hi,

Just need a small tweak in the code to get the text to align on the home page of www.ts-export.com

Want the heading text of TS AUCTION SYSTEM
to horizontally align with the heading text YAHOO! JAPAN AUCTION

At the moment YAHOO! JAPAN AUCTION is displaying lower.  This is the current code:


<tr>
                    <td width="50%"><div align="left"><a href="http://www.ts-export.com/page.php?page=about_vehicles"><img src="http://www.ts-export.com/uploads/pages/2009_08_18_20_55_10_.jpg" alt="TS AUCTION SYSTEM" width="173" height="70" vspace="5" border="0" /></a></div></td>
                    <td width="50%"><div align="left"><a href="http://www.ts-export.com/page.php?page=about_vehicles" target="_blank"><img src="img/top/yahoo.gif" alt="Yahoo! Japan Auction" width="173" height="70" vspace="5" border="0" /></a></div></td>
                  </tr>
                  <tr>


                    <td><div align="left"><h2>TS AUCTION SYSTEM<SMALL><SUP>SM</SUP></SMALL></h2>
                  <p class="faq"><a href='http://www.ts-export.com/page.php?page=about_vehicles'>Covers 107 Japanese Auctions.<br /

>More than 80,000 vehicles daily.<br /><br /><b>FREE ACCESS NOW</b></a></div></td>

                    <td><div align="left"><h2>YAHOO! JAPAN AUCTION</h2>
<a href='http://www.ts-export.com/page.php?page=about_vehicles'>Usually with <b><i>over 1 million</i></b> automotive listings.<br /><br /><b>FREE ACCESS NOW</b></a></div></td>
                  </tr>
                </table></td>
                <td width="235" valign="top"><table width="235" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="21" background="img/top/comment_box_1.gif">&nbsp;</td>
                  </tr>
                  <tr>
                    <td background="img/top/comment_box2.gif" style="padding-left:8px;padding-right:5px"><?php echo $row_Auction['content']; ?></td>
                  </tr>
                  <tr>
                    <td height="13" background="img/top/comment_box_3.gif"></td>
                  </tr>
                </table></td>
                </tr>
             

Any suggestions?  Thanks.
Logged

scanman20
Senior Moderator
Über Jedi
*****
Offline Offline

Posts: 1524



WWW
« Reply #1 on: January 10, 2011, 06:29:07 AM »

Since you used tables for your layout, add the CSS rule  vertical-align: top; to the YAHOO! JAPAN AUCTION table cell.
Logged

Even a broken clock is right twice a day.
NotOneBit.com
MCSE - MCSA - MCP
Tsuchiyama
Intergalactic Cowboy
*****
Offline Offline

Posts: 60


WWW
« Reply #2 on: January 10, 2011, 07:27:22 AM »

Thanks Scanman,

Tried this:

  <td><div align="left"><vertical-align: top;><h2>TS AUCTION SYSTEM<SMALL><SUP>SM</SUP></SMALL></h2>

But it hasn't changed anything.  Sorry, I'm not good at this stuff.

Is there something else I should try?

Thanks again.
Logged

scanman20
Senior Moderator
Über Jedi
*****
Offline Offline

Posts: 1524



WWW
« Reply #3 on: January 10, 2011, 11:27:39 AM »

<td style="vertical-align:top">
Logged

Even a broken clock is right twice a day.
NotOneBit.com
MCSE - MCSA - MCP
Tsuchiyama
Intergalactic Cowboy
*****
Offline Offline

Posts: 60


WWW
« Reply #4 on: January 10, 2011, 02:48:56 PM »

Thanks Scanman,

Gave it a go but had to reverse the code out because it moved the "TS AUCTION SYSTEM" text into the YAHOO! JAPAN AUCTION text area and the YAHOO! JAPAN AUCTION text moved into an area to the right of where it was displaying.

Sorry I haven't been able to get it to work.

Thanks for your patience.
Logged

scanman20
Senior Moderator
Über Jedi
*****
Offline Offline

Posts: 1524



WWW
« Reply #5 on: January 11, 2011, 06:17:27 AM »

Replace the table cell you have with this one:

Code:
<td style="vertical-align:top"><div align="left"><h2>YAHOO! JAPAN AUCTION</h2>
<a href="http://www.ts-export.com/page.php?page=about_vehicles">Usually with <b><i>over 1 million</i></b> automotive listings.<br><br><b>FREE ACCESS NOW</b></a></div></td>
Logged

Even a broken clock is right twice a day.
NotOneBit.com
MCSE - MCSA - MCP
Tsuchiyama
Intergalactic Cowboy
*****
Offline Offline

Posts: 60


WWW
« Reply #6 on: March 10, 2011, 06:28:28 AM »

Thanks again Scanman.
Sorry, what  code should I reverse out before I substitute this code?
Logged

rsweeting123
Trekkie
**
Offline Offline

Posts: 10


WWW
« Reply #7 on: March 23, 2011, 10:04:15 AM »

If I was you I'd stop useing tables and learn how to use divs amd css Sad
Logged

Openxcell
Newbie
*
Offline Offline

Posts: 1


WWW
« Reply #8 on: April 21, 2011, 04:28:06 AM »

I think you can try this. Keep alignment left and set the width for the same. Actually no property to display horizontal. Thanks.
« Last Edit: April 21, 2011, 09:23:41 PM by katrina1 » Logged

davidpo
Spacescooter Operator
*****
Offline Offline

Posts: 45

Intellectsoft SEO Department.


WWW
« Reply #9 on: November 14, 2011, 06:32:26 AM »

I suggest you to rebuild you site from tabular layout to div.
Nowadays search engeenes likes <div> but not <td>.
Logged

Pages: [1]   Go Up
  Print  
 
Jump to: