HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Allignment of second table within the first table.
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
chrden65



Joined: 14 Feb 2008
Posts: 2

PostPosted: Thu Feb 14, 2008 2:36 pm     Allignment of second table within the first table. Reply with quote

I am completely new to html and stumped on how to add a second image and sample tracks that lined up directly under the first set of tracks. How do I achieve this. current code is as follows:

<table width="100" height="600">

<tr><td rowspan="3">
<a href="/store/1963137/page/1268967">
<img src="/files/1963137/uploaded/REUPquarteradDIRTYRAT.jpg" width="300" height="600" alt="Click to View Cds"></a><br><font size="1">Click on Image to View Cds!</font></td>

<td>
<table width="300" height="150" align="top">
<caption><font size="3"><b>Sample Tracks from Dirty Rat Records</b></font></caption>
<tr><th rowspan="7">
<a href="http://www.dirtyratrecords.com/cd">
<img src="/files/1963137/uploaded/spitshine-cover-200.jpg" width="150" height="150" alt="Click to View Cds"></a><br><font size="1">Dirty Rat ~ Spitshine</font></th></tr>

<tr><td><em><font size="1"><b>Track 2: Machete Out A Path</b></font></em></td></tr>
<tr><td>

<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/spitshine02.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/spitshine02.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/spitshine02.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

<tr><td><em><font size="1"><b>Track 8: Thought You Were Ready</b></font></em></td></tr>
<tr><td>
<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/spitshine08.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/spitshine02.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/spitshine08.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

<tr><td><em><font size="1"><b>Track 21: Sign Me Up</b></font></em></td></tr>
<tr><td>
<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/spitshine21.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/spitshine02.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/spitshine21.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

</table>
</td>
</tr>

<tr><td height="350"></td>

</tr></table>

<td>
<table width="300" height="150" align="top">
<caption><font size="3"><b>Sample Tracks from Dirty Rat Records</b></font></caption>
<tr><th rowspan="7">
<a href="http://www.dirtyratrecords.com/cd">
<img src="/files/1963137/uploaded/callous-cover-200.jpg" width="150" height="150" alt="Click to View Cds"></a><br><font size="1">CALLOUS - One for the Notebooks</font></th></tr>

<tr><td><em><font size="1"><b>Track 1: Square Deal.mp3</b></font></em></td></tr><tr><td>

<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/01. Square Deal.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/ spitshine02.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/01. Square Deal.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

<tr><td><em><font size="1"><b>Track 7: Stepping On My Shoelaces</b></font></em></td></tr>
<tr><td>
<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/07. Stepping On My Shoelaces.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/01. Square Deal.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/07. Stepping On My Shoelaces.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

<tr><td><em><font size="1"><b>Track 18: Grass Roots</b></font></em></td></tr>
<tr><td>
<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/18. Grass Roots.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/01. Square Deal.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/18. Grass Roots.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

</table>
</td>
</tr>

<tr><td height="350"></td>


</tr></table>
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8255
Location: Castle Rock CO USA

PostPosted: Fri Feb 15, 2008 8:42 am     Reply with quote



You placed this table in a <td>
Code:
<table width="300" height="150" align="top">
<caption><font size="3"><b>Sample Tracks from Dirty Rat Records</b></font></caption>
<tr><th rowspan="7">
<a href="http://www.dirtyratrecords.com/cd">
<img src="/files/1963137/uploaded/spitshine-cover-200.jpg" width="150" height="150" alt="Click to View Cds"></a><br><font size="1">Dirty Rat ~ Spitshine</font></th></tr>

<tr><td><em><font size="1"><b>Track 2: Machete Out A Path</b></font></em></td></tr>
<tr><td>

<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/spitshine02.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/spitshine02.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/spitshine02.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

<tr><td><em><font size="1"><b>Track 8: Thought You Were Ready</b></font></em></td></tr>
<tr><td>
<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/spitshine08.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/spitshine02.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/spitshine08.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

<tr><td><em><font size="1"><b>Track 21: Sign Me Up</b></font></em></td></tr>
<tr><td>
<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/spitshine21.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/spitshine02.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/spitshine21.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

</table>
which is fine. If you want the other table
Code:
<table width="300" height="150" align="top">
<caption><font size="3"><b>Sample Tracks from Dirty Rat Records</b></font></caption>
<tr><th rowspan="7">
<a href="http://www.dirtyratrecords.com/cd">
<img src="/files/1963137/uploaded/callous-cover-200.jpg" width="150" height="150" alt="Click to View Cds"></a><br><font size="1">CALLOUS - One for the Notebooks</font></th></tr>

<tr><td><em><font size="1"><b>Track 1: Square Deal.mp3</b></font></em></td></tr><tr><td>

<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/01. Square Deal.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/ spitshine02.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/01. Square Deal.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

<tr><td><em><font size="1"><b>Track 7: Stepping On My Shoelaces</b></font></em></td></tr>
<tr><td>
<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/07. Stepping On My Shoelaces.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/01. Square Deal.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/07. Stepping On My Shoelaces.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

<tr><td><em><font size="1"><b>Track 18: Grass Roots</b></font></em></td></tr>
<tr><td>
<!--object id="MediaPlayer" width="300" height="25" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="filename" value="/files/1963137/uploaded/18. Grass Roots.mp3">
<param name="ShowAudioControls" value="true">
<param name="ShowDisplay" value="false">
<param name="autoStart" value="false">
<param name="enableContextMenu" value="false">
<embed type="application/x-mplayer2" src="/files/1963137/uploaded/01. Square Deal.mp3" name="MediaPlayer"></embed>
</object-->

<embed src="/files/1963137/uploaded/18. Grass Roots.mp3" autoplay="false" controller="true" loop="false" kioskmode="TRUE" cache="true" pluginspage="http://www.apple.com/quicktime/download/" width="200" height="20">
</td></tr>

</table>
underneath, enter the table into the
Code:
<td height="350"></td>
and that should place them under one another.

_________________
Corey
Toll Free Solutions | Mile High Merchant Accounts | Expression Web Blog
chrden65



Joined: 14 Feb 2008
Posts: 2

PostPosted: Fri Feb 15, 2008 9:43 pm     Thank you so much. Reply with quote

The code you provided allowed me to put the 2 tables directly underneath with the image of the guy and boom box to the left completely lined up. A little trial and error on my part since i did not give you clear enough direction on what I wanted exactly. Once again thank you so much.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial