Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

  Add ReplyNew TopicNew Poll

 forum row problems
#
hi there, i'm trying to code the forum row for my site, but i'm running into a few problems? idk if there's an easy solution so i just thought i'd ask.

this is the code for the forum row:

CODE
#index {
   background-image: url(http://funkyimg.com/i/2xx2t.png);
   padding: 10px;
   outline: 1px solid #ccc;
   margin-top: 10px;
   position: relative;
}

.imageleft {
 width:190px;
 height:190px;
 background-color:#e7e7e7;
 float:left;
 border:1px solid #dadada;
}

.imageleft img {
 min-width:120px;
 max-width:120px;
 min-height:120px;
 max-height:120px;
 margin-left:30px;
 margin-top:31px;
 border:3px solid #fff;
 outline:1px solid #dadada;
}

.forumtitlediv {
 float:left;
 width:550px;
 height:190px;
 background-color:#efefef;
 border-bottom:1px solid #dadada;
 border-top:1px solid #dadada;
 border-right:1px solid #dadada;
}

.forumtitles {
 background-color:#fffbff;
 width:530px;
 height:50px;
 border-bottom:1px solid #dadada;
 text-align:left;
 padding-left:20px;
 font-family:raleway;
 font-size:11px;
 color:#747474;
 line-height:49px;
 word-spacing:10px;
}

.forumtitles span {
 font-size:8px;
 color:#AB687C;
 font-weight:bold;
}

.forumname {
 font-family:raleway;
 font-size:26px;
 letter-spacing:-1px;
 color:#555;
 word-spacing:2px;
 margin-top:33px;
 text-align:center;
}

.borderundername {
 margin:auto;
 width:85%;
 height:1px;
 background-color:#AB687C;
 margin-top:7px;
}

.lastpostby {
 text-align:center;
 font-size:8px;
 text-transform:uppercase;
 font-family:Verdana;
 font-style:italic;
 margin-top:10px;
}

.rightpart {
 float:left;
 width:175px;
 height:190px;
 background-color:#f2f2f2;
 border-top:1px solid #dadada;
 border-right:1px solid #dadada;
 border-bottom:1px solid #dadada;
}

.topicsrepleis {
 background-color:#fffbff;
 width:175px;
 height:50px;
 border-bottom:1px solid #dadada;
 text-align:center;
 font-family:raleway;
 font-size:11px;
 color:#747474;
 line-height:49px;
}

.topicsrepleis span {
 font-size:8px;
 color:#AB687C;
 font-weight:bold;
}

.forumdescrp {
 width:110px;
 height:80px;
 overflow-y:scroll;
 margin:auto;
 margin-top:15px;
 background-color:#fff;
 padding:10px;
 border:5px solid #fff;
 outline:1px solid #dadada;
 font-size:8px;
 text-align:justify;
 text-transform:uppercase;
 font-family:Verdana;
 color:#676767;
}


CODE
<div id="index"><table cellpadding="0" cellspacing="0"><tr><td>
 <div class="imageleft"><img src="http://placehold.it/120x120"></div><div class="forumtitlediv"><div class="forumtitles">plot <span class="lnr lnr-chevron-right"></span> rules <span class="lnr lnr-chevron-right"></span> groups </div><div class="forumname"><!-- |name| --> </div><div class="borderundername"></div><div class="lastpostby">LAST POST BY <!-- |last_poster| --> IN <!-- |last_topic| --> ON <!-- |last_post| --> </div></div><div class="rightpart"><div class="topicsrepleis"><!-- |topics| --> topics <span class="lnr lnr-chevron-right"></span> <!-- |replies| --> replies</div><div class="forumdescrp">this is your first stop at take a trip! this is where you'll find useful information, such as the plot, rules, and the member groups. if you're planning on joining us at take a trip, welcome! we hope you enjoy your stay.</div></div>
 </td></tr></table></div>


my testboard is located here.
now there's three div's that have to be filled in in the forum description (imageleft, forumtitles and forumdescrp). i tried putting in the <!-- |description| --> variable three times in the code and put the div's in the forum description but that just messes everything up and posts the content of all three div's in all three places that i placed the description variable. i'm not sure what else to try so if anyone has a few tips that'd be great

idk if any of this is making sense but thanks for reading this over!!
PM
#
I prettified the HTML a bit for you here:

CODE


<div id="index">
  <table cellpadding="0" cellspacing="0">
     <tr>
        <td>
           <div class="imageleft"><img src="http://placehold.it/120x120"></div>
           <div class="forumtitlediv">
              <div class="forumtitles">plot <span class="lnr lnr-chevron-right"></span> rules <span class="lnr lnr-chevron-right"></span> groups </div>
              <div class="forumname">
                 <!-- |name| -->
              </div>
              <div class="borderundername"></div>
              <div class="lastpostby">
                 LAST POST BY <!-- |last_poster| --> IN <!-- |last_topic| --> ON <!-- |last_post| -->
              </div>
           </div>
           <div class="rightpart">
              <div class="topicsrepleis">
                 <!-- |topics| --> topics <span class="lnr lnr-chevron-right"></span> <!-- |replies| --> replies
              </div>
              <div class="forumdescrp">this is your first stop at take a trip! this is where you'll find useful information, such as the plot, rules, and the member groups. if you're planning on joining us at take a trip, welcome! we hope you enjoy your stay.</div>
           </div>
        </td>
     </tr>
  </table>
</div>


Unless my eyes are fooling me it looks like you don't have any broken divs. So when you say you tried putting in <!-- |description| --> -- you replaced the contents within "forumdescrp" and it is messing everything up?

As a test; please try <!-- |description_clean| --> and tell me if the same issue happens.

signature
email: admin@jcink.com :: blog: John C.
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options Add ReplyNew TopicNew Poll