WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Blank Category Section on Thu Apr 15, 2010 8:56 am

atlantica


Registered Member
Registered Member
I will try to explain this as well as possible. I have this on my forum right now . . .



I want to be able to have this, WITH still the option of adding more icons in the html code side by side.



The code i have for the icons in the first image is bellow. Thank you very much!
~ Atlantica ~

Code:
<table border="0" width="100%">
  <tbody><tr>
<!-- Row 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/social-house-newz-f1/" title="News Headlines"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-newsvine-64.png" border="none</a"></a></td><!-- Col 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/advertisement-signal-f5/" title="Advertisement"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-rss-64.png" border="none</a"></a></td><!-- Col 2 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/the-social-house-f3/" title="Socialization"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-blogblogs-64.png" border="none</a"></a></td><!-- Col 3 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/rules-guidelines-f2/" title="Tos - Rules"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-whosamungus-64.png" border="none</a"></a></td><!-- Col 4 -->
  </tr>
  <tr><!-- Row 2 -->
    <td align="center">

News Headlines<br></td><!-- Col 1 -->
    <td align="center">
Advertisement<br></td><!-- Col 2 -->
    <td align="center">
Socialization</td><!-- Col 3 -->
    <td align="center">
Tos - Rules<br></td><!-- Col 4 -->
  </tr></tbody></table>

2 Re: Blank Category Section on Thu Apr 15, 2010 12:48 pm

ankillien

avatar
Administrator
Administrator
Hi atlantica!
Welcome to WebArtz Very Happy


Try adding this to your CSS..

Code:
.topics , .posts , .lastpost {
display : none !important;
}

It will remove the last post, topic and post items. This may fix your problem.

3 Re: Blank Category Section on Thu Apr 15, 2010 6:25 pm

atlantica


Registered Member
Registered Member
great! Thanks. The only problem i still have is it doesn't center everything.

4 Re: Blank Category Section on Thu Apr 15, 2010 10:06 pm

ankillien

avatar
Administrator
Administrator
This would help center aligning the icons..

Code:
.forums .row {
text-align : center !important;
}

5 Re: Blank Category Section on Thu Apr 15, 2010 10:20 pm

atlantica


Registered Member
Registered Member
i put that in the css?

6 Re: Blank Category Section on Thu Apr 15, 2010 10:22 pm

ankillien

avatar
Administrator
Administrator
Yes, put it in your CSS and submit.

7 Re: Blank Category Section on Thu Apr 15, 2010 10:22 pm

Sanket

avatar
Administrator
Administrator
atlantica wrote:i put that in the css?

Yes

http://www.webartzforum.com

8 Re: Blank Category Section on Thu Apr 15, 2010 10:25 pm

atlantica


Registered Member
Registered Member
ok, it doesn't do anything. do you think i need a code that makes an entire new section . . .

http://socialsignal.friendhood.net/test-h5.htm

the problem is using this code it will only make a duplicate. a double in another . . .


Code:
<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist">

<!-- **************************************** -->

<li class="header"><dl class="icon"><dd class="dterm"><div class="table-title">
<h2>Social Signal</h2></div></dd></dl></li></ul>

<!-- **************************************** -->

<ul class="topiclist forums">
<li class="row">

<dl class="icon" style="background: url(&quot;xhttp://illiweb.com/fa/prosilver_magenta/forum_read.gif&quot;) no-repeat scroll 10px 50% transparent; -moz-background-inline-policy: continuous;">

<dd class="dterm"><div style="margin: 0pt 0px 0pt 10px; display: block;">


<table style="text-align: center;" align="center" width="100%">
<tbody><tr>


</tr></tbody></table><table align="center" border="0" width="100%">
 
<tbody><tr>
<!-- Row 1 -->
    <td colspan="1" class="row1" align="center" width="33%"><a href="http://socialsignal.friendhood.net/social-house-newz-f1/" title="News Headlines"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-newsvine-64.png" border="none&lt;/a"></a></td><!-- Col 1 -->
    <td colspan="1" class="row1" align="center" width="33%"><a href="http://socialsignal.friendhood.net/advertisement-signal-f5/" title="Advertisement"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-rss-64.png" border="none&lt;/a"></a></td><!-- Col 2 -->
    <td colspan="1" class="row1" align="center" width="33%"><a href="http://socialsignal.friendhood.net/the-social-house-f3/" title="Socialization"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-blogblogs-64.png" border="none&lt;/a"></a></td><!-- Col 3 -->
  </tr>


  <tr>
<!-- Row 2 -->
    <td align="center">
News Headlines<br></td><!-- Col 1 -->
    <td align="center">
Advertisement<br></td><!-- Col 2 -->
    <td align="center">
Socialization</td><!-- Col 3 -->
  </tr></tbody></table>




</div></dd></dl></li>


</ul><span class="corners-bottom"><span></span></span></div></div>

9 Re: Blank Category Section on Thu Apr 15, 2010 10:32 pm

ankillien

avatar
Administrator
Administrator
Do you want to add another row to the same category box? Just like another forum on phpBB3?

Sorry if I am getting your point wrong.

10 Re: Blank Category Section on Thu Apr 15, 2010 10:34 pm

atlantica


Registered Member
Registered Member
No. I want to to add another one on the top. With image buttons. Centered.

11 Re: Blank Category Section on Fri Apr 16, 2010 4:33 pm

ankillien

avatar
Administrator
Administrator
To add another such box, you can use the following code.
You just need to edit the bolded part...

<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist">

<!-- **************************************** -->

<li class="header"><dl class="icon"><dd class="dterm"><div class="table-title">
<h2>Social Signal</h2></div></dd></dl></li></ul>

<!-- **************************************** -->

<ul class="topiclist forums">
<li class="row">

<dl class="icon" style="background: url("xhttp://illiweb.com/fa/prosilver_magenta/forum_read.gif") no-repeat scroll 10px 50% transparent; -moz-background-inline-policy: continuous;">

<dd class="dterm"><div style="margin: 0pt 0px 0pt 10px; display: block;">


<table style="text-align: center;" align="center" width="100%">
<tbody><tr>


</tr></tbody></table><table align="center" border="0" width="100%">

<tbody><tr>
<!-- Row 1 -->
<td colspan="1" class="row1" align="center" width="33%"><a href="LINK URL HERE" title="News Headlines"><img src="IMAGE URL HERE" border="none</a"></a></td><!-- Col 1 -->
<td colspan="1" class="row1" align="center" width="33%"><a href="LINK URL HERE" title="Advertisement"><img src="IMAGE URL HERE" border="none</a"></a></td><!-- Col 2 -->
<td colspan="1" class="row1" align="center" width="33%"><a href="LINK URL HERE" title="Socialization"><img src="IMAGE URL HERE" border="none</a"></a></td><!-- Col 3 -->
</tr>


<tr>
<!-- Row 2 -->
<td align="center">
TEXT 1<br></td><!-- Col 1 -->
<td align="center">
TEXT 2<br></td><!-- Col 2 -->
<td align="center">
TEXT 3</td><!-- Col 3 -->
</tr></tbody></table>




</div></dd></dl></li>


</ul><span class="corners-bottom"><span></span></span></div></div>

12 Re: Blank Category Section on Fri Apr 16, 2010 10:25 pm

atlantica


Registered Member
Registered Member
nope, it only does this,


I think i miss read your question early . . . . .
Do you want to add another row to the same category box? Just like another forum on phpBB3?

Sorry if I am getting your point wrong.

The answer is yes. sorry

Also, i have edited the code but i keep getting the result of everything on the left,
http://socialsignal.friendhood.net/test-again-h3.htm

Code:
<<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist">

<!-- **************************************** -->

<li class="header"><dl class="icon"><dd class="dterm"><div class="table-title">
<h2>Social Signal</h2></div></dd></dl></li></ul>

<!-- **************************************** -->

<ul class="topiclist forums">
<li class="row">

<dl class="icon" style="background: url("xhttp://illiweb.com/fa/prosilver_magenta/forum_read.gif") no-repeat scroll 10px 50% transparent; -moz-background-inline-policy: continuous;">

<dd class="dterm"><div style="margin: 0pt 0px 0pt 10px; display: block;">


<table style="text-align: center;" align="center" width="100%">
<tbody><tr>


</tr></tbody></table><table align="center" border="0" width="100%">

 <tbody><tr>
<!-- Row 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/social-house-newz-f1/" title="News Headlines"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-newsvine-64.png" border="none&lt;/a"></a></td><!-- Col 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/advertisement-signal-f5/" title="Advertisement"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-rss-64.png" border="none&lt;/a"></a></td><!-- Col 2 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/the-social-house-f3/" title="Socialization"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-blogblogs-64.png" border="none&lt;/a"></a></td><!-- Col 3 -->
    <td align="center"><a href="http://www.facebook.com/pages/Social-Signal/106908559343865?ref=ts" title="Facebook Page"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-facebook-641.png" border="none&lt;/a"></a></td><!-- Col 4 -->
<td align="center"><a href="http://socialsignal.friendhood.net/rules-guidelines-f2/" title="Tos - Rules"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-whosamungus-64.png" border="none&lt;/a"></a></td><!-- Col 4 -->
  </tr>
  <tr><!-- Row 2 -->
    <td align="center">

News <br></td><!-- Col 1 -->
    <td align="center">
Advertise<br></td><!-- Col 2 -->
    <td align="center">
Socialize<br></td><!-- Col 2 -->
    <td align="center">
Facebook</td><!-- Col 3 -->
    <td align="center">
Forum Rules<br></td><!-- Col 4 -->
  </tr></tbody></table>






</div></dd></dl></li>


</ul><span class="corners-bottom"><span></span></span></div></div>

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum