How to convert the code table to div as the most optimal and standards? [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

---

Want to improve this question? Add details and clarify the problem by editing this post.

Closed 8 years ago.

Improve this question

Can you rewrite my code table on the div so that it is the most optimal and consistent with the standards?

Answer 1

Giving you the most basic layout:(P.S. Haven't tried it in browser)

HTML:

<div>
         <div class = "forumline bigRow" >

            <div class="cat row">
              {FORUM_NAME}
            </div>

            <div class="cat row">
              {FORUM_DESC}
            </div>


         </div>

    </div>

CSS:

.bigRow{width:100%;}

.row{width: 100%;}

P.S: This works when I use twitter Bootstrap in my project very well.

Answer 2

Here's what i've created for you.

 <ul class="forumline">
    <li><span class="gensmall_new_h1">{FORUM_NAME}</span></li>
    <li><span class="gensmall_new">{L_TAGS}: {SEOTAGS}</span></li>
</ul>

Here's the css for it

.forumline {background:#fff; padding:3px; list-style: none;}
ul.forumline li{background-color:#e7e7e7;border-bottom: 1px solid #c7c7c7; padding: 10px;  }
ul.forumline li:hover{background-color:#fff;border-bottom: 1px solid #c7c7c7; padding: 10px; cursor: pointer; }
ul.forumline li:first-child{border-top: 4px solid #333;}

Other wise you can also use other plugins like http://bit.ly/OsLoYO

Click here to see demo!