423,688 Members | 1,879 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 423,688 IT Pros & Developers. It's quick & easy.

CSS columns (one column needs to be 4)

P: 1
Trying to convert from tables to CSS to make a responsive website.
This should be 4 vertical colums, instead it is 1 verticle column.
Where did I go wrong ??
Thank You
falcon

Expand|Select|Wrap|Line Numbers
  1.   <style type="text/css">
  2.   .lfcol { float:left;width:19.8%;margin-bottom:5px; }
  3.   .micol { float:left;width:19.8%;margin-bottom:5px; }
  4.   .rmicol { float:right;width:19.8%;margin-bottom:5px; }
  5.   .ricol { float:right;width:19.8%;margin-bottom:5px; }</style>  
  6.  
  7.   <h2 class="clear">Old Testament</h2>
  8.   <!-- left column -->
  9.   <dl class=".lfcol"><font size="+2">
  10.   <dt>&nbsp;<b>&nbsp;1 <a href="01_001.htm">Genesis</a></dt>
  11.   <dt>&nbsp;<b>&nbsp;2 <a href="02_001.htm">Exodus</a></dt>
  12.   <dt>&nbsp;<b>&nbsp;3 <a href="03_001.htm">Leviticus</a></dt>
  13.   <dt>&nbsp;<b>&nbsp;4 <a href="04_001.htm">Numbers</a></dt>
  14.   <dt>&nbsp;<b>&nbsp;5 <a href="05_001.htm">Deuteronomy</a></dt>
  15.   <dt>&nbsp;<b>&nbsp;6 <a href="06_001.htm">Joshua</a></dt></dl>
  16.   <!-- middle column -->
  17.   <dl class=".micol">
  18.   <dt>&nbsp;&nbsp;&nbsp;<b>7 <a href="07_001.htm">Judges</a></dt>
  19.   <dt>&nbsp;&nbsp;&nbsp;<b>8 <a href="08_001.htm">Ruth</a></dt>
  20.   <dt>&nbsp;&nbsp;&nbsp;<b>9 <a href="09_001.htm">1 Samuel</a></dt>
  21.   <dt>&nbsp;<b>10 <a href="10_001.htm">2 Samuel</a></dt>
  22.   <dt>&nbsp;<b>11 <a href="11_001.htm">1 Kings</a></dt>
  23.   <dt> &nbsp;<b>12 <a href="12_001.htm">2 Kings</a></dt></dl>
  24.   <!-- right middle column -->
  25.     <dl class=".rmicol">
  26.   <dt>&nbsp;<b>13 <a href="13_001.htm">1 Chronicles</a></dt>
  27.   <dt>&nbsp;<b>14 <a href="14_001.htm">2 Chronicles</a></dt>
  28.   <dt>&nbsp;<b>15 <a href="15_001.htm">Ezra</a></dt>
  29.   <dt>&nbsp;<b>16 <a href="16_001.htm">Nehemiah</a></dt>
  30.   <dt>&nbsp;<b>17 <a href="17_001.htm">Esther</a></dt>
  31.   <dt>&nbsp;<b>18 <a href="18_001.htm">Job</a></dt></dl>
  32.   <!-- right column -->
  33.   <dl class=".ricol">
  34.   <dt>&nbsp;<b>19 <a href="19_001.htm">Psalms</a></dt>
  35.   <dt>&nbsp;<b>20 <a href="20_001.htm">Proverbs</a></dt>
  36.   <dt>&nbsp;<b>21 <a href="21_001.htm">Ecclesiastes</a></dt>
  37.   <dt>&nbsp;<b>22 <a href="22_001.htm">Song of Solomon</a></dt>
  38.   <dt>&nbsp;<b>23 <a href="23_001.htm">Isaiah</a></dt>
  39.   <dt>&nbsp;<b>24 <a href="24_001.htm">Jeremiah</a></dt></dl>
  40.  
Sep 15 '18 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.