SEARCH

Enter your search query in the box above ^, or use the forum search tool.

You are not logged in.

#1 2013-10-06 20:08:06

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Need advice with html table [SOLVED]

This is the code I am using to create my table. So far so good. I like it. Here is what I am trying to do. After every set of months for example January, I want to have a gap separating the months. The only way I could figure out is to put an empty row in the table which is getting really cumbersome. Is there a better way to do this, maybe with CSS?

Looking something like this:

Jan 01         April 01
Jan 02         April 02
Jan 03         April 03
Jan 04
                   May 01
Feb 01        May 02
Feb 02
Feb 03

Mar 01
Mar 02



</div><div id="I1206" style="display:block;clear: both;margin:0 0 0 0;" class="Text_Default">    
    <div id="I1206_sys_txt" class="sys_txt" style="margin:0px; padding:0px; color:; font:; background-color:;"><style>
table,td,th {border:0px solid black;}

table {width:100%;}
th {height:20px;border: 0px solid red;overflow: hidden;width: 100px;}


td {border: 0px solid green;overflow: hidden;width: 100px; text-align: center}
</style>




<table>

 <tbody><tr>
<th colspan="4" align="center"><font size="3">2013</font></th>
</tr>


<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJAN0613.mp3">Jan 06</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITAPR0713.mp3">Apr 07</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUL0713.mp3">Jul 07</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITOCT0613.mp3">Oct 06</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJAN1313.mp3">Jan 13</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITAPR1413.mp3">Apr 14</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUL1413.mp3">Jul 14</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITOCT1313.mp3">Oct 13</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJAN2013.mp3">Jan 20</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITAPR2113.mp3">Apr 21</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUL2113.mp3">Jul 21</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITOCT2013.mp3">Oct 20</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJAN2713.mp3">Jan 27</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITAPR2813.mp3">Apr 28</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUL2813.mp3">Jul 28</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITOCT2713.mp3">Oct 27</a></td>
</tr>
<tr>
<td></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITMAY0513.mp3">May 05</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITAUG0413.mp3">Aug 04</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITFEB0313.mp3">Feb 03</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITMAY1213.mp3">May 12</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITAUG1113.mp3">Aug 11</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITNOV1013.mp3">Nov 10</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITFEB1013.mp3">Feb 10</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITMAY1913.mp3">May 19</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITAUG1813.mp3">Aug 18</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITNOV1713.mp3">Nov 17</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITFEB1713.mp3">Feb 17</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITMAY2613.mp3">May 26</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITAUG2513.mp3">Aug 25</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITNOV2413.mp3">Nov 24</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITFEB2413.mp3">Feb 24</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUN0213.mp3">Jun 02</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITSEP0113.mp3">Sep 01</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITDEC0113.mp3">Dec 01</a></td>
</tr>
<tr>
<td></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUN0913.mp3">Jun 09</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITSEP0813.mp3">Sep 08</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITDEC0813.mp3">Dec 08</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITMAR1713.mp3">Mar 17</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUN1613.mp3">Jun 16</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITSEP1513.mp3">Sep 15</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITDEC1513.mp3">Dec 15</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITMAR2413.mp3">Mar 24</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUN2313.mp3">Jun 23</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITSEP2213.mp3">Sep 22</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITDEC2213.mp3">Dec 22</a></td>
</tr>
<tr>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITMAR3113.mp3">Mar 31</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITJUN3013.mp3">Jun 30</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITSEP2913.mp3">Sep 29</a></td>
<td><a href="http://sd.mcran.com/assets/shows/2013/ITDEC2913.mp3">Dec 29</a></td>
</tr>
</tbody></table>

Last edited by rmcellig (2013-10-08 16:58:53)

Offline

Help fund CrunchBang, donate to the project!

#2 2013-10-06 21:19:02

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need advice with html table [SOLVED]

Padding or border attribute can go in 4 directions, top, left, bottom and right.
So try padding-bottom: 10px; on your <tr> tag

Last edited by wuxmedia (2013-10-06 21:21:44)

Offline

#3 2013-10-06 21:41:50

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

Thanks wuxmedia!

So what you suggest would be using CSS? Wouldn't what you suggest pad every row bottom 10px instead of every four rows or wherever I need to have the gap? Maybe I'm not grasping what you are suggesting.

Last edited by rmcellig (2013-10-06 21:42:40)

Offline

#4 2013-10-06 22:10:44

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need advice with html table [SOLVED]

Offline

#5 2013-10-06 22:17:26

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

Thanks again!! I was trying what you suggested and nothing was working. Now I know why. I guess that tables don't support padding even when using CSS. Using Divs? I understand using them for page layout but to display data? I know it can be done but I thought that using tables instead would be easier to maintain. I'm so new to this that I guess I am just rambling on..... smile

I'll see how I get along with the link you mentioned.

Offline

#6 2013-10-07 03:28:17

spooky
#! Member
From: Србија
Registered: 2013-07-09
Posts: 56
Website

Re: Need advice with html table [SOLVED]


You can't make a baby for one month by making 9 women pregnant.

Offline

#7 2013-10-07 06:32:04

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need advice with html table [SOLVED]

Offline

#8 2013-10-07 10:38:11

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

Thanks spooky and wuxmedia!!

So you are saying that I can use divs and lists to display my shows the way I want to? And then use CSS to style? Sounds good to me. I will try that out.

I see what you mean about using divs and lists for the #! site.

I guess what my stumbling block is putting it all together step wise like:

Step 1 do this
Step 2 do this
Step 3 do this

I did have my shows in a list but then was not sure how to proceed to put it into four columns so that it would display something like my initial post above. I think that is where I need some guidance. If I could see an example of what it will look like doing it with divs and lists than I should be good to go. It's just a matter of taking the parts, in this case divs and lists and maybe something else that I missed and putting it all together. What I am also hoping is that this will be easy to maintain and change if need be.

I am using Geany and love the way I can replace code quickly using Search/replace.

Last edited by rmcellig (2013-10-07 10:40:49)

Offline

#9 2013-10-07 10:51:43

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

I was playing around on the w3schools site and this is what I came up with. I like it. This is what I want to do but now how do I get these into columns, and did I enter the codes correctly? I think I messed up with the <div> because I wasn't sure what I was doing. I think I am making headway and it looks like if I need to make changes, it's pretty easy.

I just need a little more guidance as to styling this code as well. Once I get the structure right, I'm good to go!!

<!DOCTYPE html>
<html>
<body>

<div>
<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
</div>
  
<div>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 04</a></dt>
</dl>
</div>

<div>
<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
</div>

</body>
</html>


This works as well without divs.

<!DOCTYPE html>
<html>
<body>


<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
</dl>

  

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 04</a></dt>
</dl>



<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
</dl>


</body>
</html>

Just playing around with styles and this is what I come up with. Have to put this in four columns. Not sure what to do. Am I on the right track?

<style>
dl {
 float:left;
 width:8%;
}
</style>

<!DOCTYPE html>
<html>
<body>


<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Dec 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Dec 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Dec 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Dec 03</a></dt>
</dl>

  

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 04</a></dt>
</dl>



<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
</dl>

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
</dl>

  

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 04</a></dt>
</dl>



<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
</dl>


</body>
</html>

There is light at the end of this tunnel! I just need a little more help assuming I am on the right track. smile

Last edited by rmcellig (2013-10-07 11:11:23)

Offline

#10 2013-10-07 12:58:15

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need advice with html table [SOLVED]

Offline

#11 2013-10-07 13:20:23

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need advice with html table [SOLVED]

have another look, i think it's pretty (not stylistically) neat now. even if i do say so myself  big_smile
an advantage of the fixed width divs is if you put just 2 shows in for a month it should retain its shapes.

Offline

#12 2013-10-07 15:38:14

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

Offline

#13 2013-10-07 15:41:09

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

Sorry! Now I get it. You were referring to some code you put in Codepen.

All I will be putting is the list is something like this:

Jan 01
Jan 02

So I can tweak the div width accordingly. I'll post back how I do. Thanks again!!!!!

Offline

#14 2013-10-07 16:18:42

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

I can feel it. I'm almost there. Been playing around with the code you posted. Looks pretty flexible. So how do I organize it to look like this:

Jan 01
Jan 02
Jan 03
Jan 04

Feb 01
Feb 02
Feb 03
Feb 04

Mar 01
Mar 02
Mar 03
Mar 04



The second column would be the same as above but from Apr-June. The third column July-Sep and the fourth column Oct to Dec with the gap separating the months. It would be great when entering the code in Geany that I just have to enter Jan's info followed by Feb's info and so on and so fourth. This is what was getting me mixed up when doing tables

Offline

#15 2013-10-07 16:56:05

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

I think I did it!! Take a look. At the moment it look like it is all to the left instead of being more spread out horizontally. Can't figure out how to control this.

<style>
  .wrapper{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  }
  
  dt{color:blue;
  padding:2px;
  }
dl {
 float:left;
 width:auto;
  padding:1px;
}

h2 {text-align: center;}
  
.col {
  border:0px dashed grey;
  float:left;
  width:80px;
  height:100%;
  margin:1px;
  padding:2px;
  }
  
</style>

<!DOCTYPE html>
<html>
<body>
<h2>2013</h2>
<div class="wrapper">
  
<div class="col">
  
<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jan 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jan 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jan 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jan 04</a></dt>
</dl>

  

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITFeb0313.mp3">Feb 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITFeb0313.mp3">Feb 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITFeb0313.mp3">Feb 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITFeb0313.mp3">Feb 04</a></dt>
</dl>




<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Mar 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Mar 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Mar 08</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Mar 10</a></dt>
</dl>
</div>

<div class="col">
  
<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Apr 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Apr 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Apr 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Apr 04</a></dt>
</dl>

  

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITMay0313.mp3">May 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITMay0313.mp3">May 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITMay0313.mp3">May 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITMay0313.mp3">May 04</a></dt>
</dl>




<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jun 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jun 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jun 08</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jun 10</a></dt>
</dl>
</div>

<div class="col">
  
<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jul 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jul 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jul 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Jul 04</a></dt>
</dl>

  

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITAug0313.mp3">Aug 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITAug0313.mp3">Aug 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITAug0313.mp3">Aug 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITAug0313.mp3">Aug 04</a></dt>
</dl>




<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Sep 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Sep 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Sep 08</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Sep 10</a></dt>
</dl>
</div>

<div class="col">
  
<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Oct 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Oct 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Oct 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Oct 04</a></dt>
</dl>

  

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNov0313.mp3">Nov 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNov0313.mp3">Nov 02</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNov0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNov0313.mp3">Nov 04</a></dt>
</dl>




<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Dec 01</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Dec 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Dec 08</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Dec 10</a></dt>
</dl>
</div>


  

  
 
</body>
</html>

Last edited by rmcellig (2013-10-07 17:02:35)

Offline

#16 2013-10-07 18:13:16

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need advice with html table [SOLVED]

wait, yeah it should be so you add the shows at the bottom.... hang on.
ahh good you can.

You mean centered? or what...
the reason divs are so cool, is so you can wrap stuff up.
play with the wrapper width. to move it around.
padding and margins - you can have padding-left, etc for more control.

fun eh?

Last edited by wuxmedia (2013-10-07 18:22:41)

Offline

#17 2013-10-07 21:19:26

spooky
#! Member
From: Србија
Registered: 2013-07-09
Posts: 56
Website

Re: Need advice with html table [SOLVED]

<!DOCTYPE html>
<html>
<body>

<dl>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
<dt><a href="http://sd.mcran.com/assets/shows/2013/ITNOV0313.mp3">Nov 03</a></dt>
</dl>

</body>
</html>

Last edited by spooky (2013-10-07 21:35:22)


You can't make a baby for one month by making 9 women pregnant.

Offline

#18 2013-10-08 13:03:40

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

.col {
  border:0px dashed grey;
  float:left;
  width:170px;
  height:100%;
  margin:1px;
  padding:2px;
  }

Last edited by rmcellig (2013-10-08 13:04:43)

Offline

#19 2013-10-08 13:19:10

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need advice with html table [SOLVED]

Offline

#20 2013-10-08 13:29:25

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

Offline

#21 2013-10-08 14:46:07

wuxmedia
wookiee madclaw
From: Back in Blighty
Registered: 2012-03-09
Posts: 1,478
Website

Re: Need advice with html table [SOLVED]

so it worked?
looks fine to me...

float left, or right is amazingly effective. Depending on what your doing.
thing is you're inserting it into an existing framework. so you have to take their CSS into account.

Offline

#22 2013-10-08 16:58:04

rmcellig
#! Die Hard
From: Ottawa, Canada
Registered: 2012-11-15
Posts: 624
Website

Re: Need advice with html table [SOLVED]

Ya. That's what I found out. Thanks wuxmedia.

Offline

Board footer

Powered by FluxBB

Copyright © 2012 CrunchBang Linux.
Proudly powered by Debian. Hosted by Linode.
Debian is a registered trademark of Software in the Public Interest, Inc.
Server: bleh

Debian Logo