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

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

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Blank Category Section

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

1Blank Category Section Empty Blank Category Section 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 . . .

Blank Category Section 1-7

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

Blank Category Section 2-6

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>

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

ankillien

ankillien
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.

3Blank Category Section Empty Re: Blank Category Section 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.

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

ankillien

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

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

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

atlantica


Registered Member
Registered Member
i put that in the css?

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

ankillien

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

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

Sanket

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

Yes

http://www.webartzforum.com

8Blank Category Section Empty Re: Blank Category Section 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://2img.net/i/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>

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

ankillien

ankillien
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.

10Blank Category Section Empty Re: Blank Category Section 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.

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

ankillien

ankillien
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("xhttps://2img.net/i/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>

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

atlantica


Registered Member
Registered Member
nope, it only does this,
Blank Category Section 3_bmp10

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://2img.net/i/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]

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Blank Category Section

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