The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

about table code

3 posters

Go down

Solved about table code

Post by BetterHax May 22nd 2013, 1:55 pm

hello i just want to ask for the code for a table like this

HERE HERE HERE HERE
HERE HERE HERE HERE

i dont know how can i do that kind of table
and dont put a border i want it transparent Very Happy

like in FM style : http://prntscr.com/163jkk


Last edited by BetterHax on May 23rd 2013, 5:25 pm; edited 2 times in total
avatar
BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about table code

Post by Sir Chivas™ May 22nd 2013, 3:12 pm

Hi,

Can you please remove the "Help" part from the title of the thread?

You can paste this code inside the Homepage Message content area: ACP >> Display >> Homepage >> Generalities >> Message Content
Code:
<span style="float: left; margin-left: 60px; display: block;"><strong>TITLE GOES HERE..</strong><br>
   - <a href="yourforumurl.com">Title</a><br>
   - <a href="yourforumurl.com">Title</a><br>
   - <a href="yourforumurl.com">Title</a><br>
   - <a href="yourforumurl.com">Title</a>
</span>
<span style="float: left; margin-left: 80px; display: block;">
   <strong>TITLE HERE</strong><br>
   - <a href="yourforumurl.com">Title</a><br>
   - <a href="yourforumurl.com">Title</a><br>
   - <a href="yourforumurl.com">Title</a><br>
        - <a href="yourforumurl.com">Title</a><br>
</span><br style="clear: both;">
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: about table code

Post by BetterHax May 22nd 2013, 3:31 pm

sir chivas can you make this format?

HERE HERE HERE HERE
HERE HERE HERE HERE

4 rows 2 column.
and the alignment is same also on that figure of "HERE"
avatar
BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about table code

Post by Sir Chivas™ May 22nd 2013, 3:32 pm

The code above will do it, just remove some of the URL HTML coding..
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: about table code

Post by BetterHax May 22nd 2013, 3:47 pm

Sir Chivas™ wrote:The code above will do it, just remove some of the URL HTML coding..

yeah but the alignment of that is not same as what i give in "HERE" figure

it looks like this

Code:
HERE HERE HERE HERE
HERE  HERE    HERE    HERE

when you title is longer and some is shorter that figure will came out..
all i want is this:

HERE HERE HERE HERE
HERE HERE HERE HERE

even the title makes longer the alignment is not be disarrange
avatar
BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about table code

Post by Sir Chivas™ May 22nd 2013, 4:24 pm

Can you provide your forum URL ? Thank you.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: about table code

Post by BetterHax May 23rd 2013, 3:27 am

avatar
BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about table code

Post by Sir Chivas™ May 23rd 2013, 5:03 am

I don't see it, did you remove the code?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: about table code

Post by BetterHax May 23rd 2013, 6:12 am

ok sir i already re back the code can you see it now..

Code:
<table border = "0">
<tr>
<td><span style="font-size: 12px;font-family: verdana; padding-left: 10px;"><img src="http://i82.servimg.com/u/f82/18/14/82/22/global10.png"><a href="yourforumurl.com">  Announcements</a></span></td>
<td><span style="font-size: 12px;font-family: verdana; padding-left: 10px;"><img src="http://i82.servimg.com/u/f82/18/14/82/22/global10.png"><a href="yourforumurl.com">  Chatbox Rules And Regulations</a></br></span></td>
<td><span style="font-size: 12px;font-family: verdana; padding-left: 10px;"><img src="http://i82.servimg.com/u/f82/18/14/82/22/global10.png"><a href="yourforumurl.com">  Reputation System</a></span></td>
<td><span style="font-size: 12px;font-family: verdana; padding-left: 10px;"><img src="http://i82.servimg.com/u/f82/18/14/82/22/global10.png"><a href="yourforumurl.com">  Forum Rules And Regulations</a></span></td>
</tr>
</table>
<table border = "0">
<tr>
<td><span style="font-size: 12px;font-family: verdana; padding-left: 10px;"><img src="http://i82.servimg.com/u/f82/18/14/82/22/global10.png"><a href="yourforumurl.com">  Gradient Post Ranks</a></span></td>
<td><span style="font-size: 12px;font-family: verdana; padding-left: 10px;"><img src="http://i82.servimg.com/u/f82/18/14/82/22/global10.png"><a href="yourforumurl.com">  Want a Username Change?</a></br></span></td>
<td><span style="font-size: 12px;font-family: verdana; padding-left: 10px;"><img src="http://i82.servimg.com/u/f82/18/14/82/22/global10.png"><a href="yourforumurl.com">  Gradienttest Shortcuts</a></span></td>
<td><span style="font-size: 12px;font-family: verdana; padding-left: 10px;"><img src="http://i82.servimg.com/u/f82/18/14/82/22/global10.png"><a href="yourforumurl.com">  Advertisement Ads</a></span></td>
</tr>
</table>

that code im using but the result is like this:
http://prntscr.com/1683i1


i want the alignment is like this:
Code:
HERE  HERE  HERE  HERE
HERE  HERE  HERE  HERE
avatar
BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about table code

Post by Ultron's Vision May 23rd 2013, 8:14 am

Code:
<table colspan="4" rowspan="2" cellpadding="5" cellspacing="2" style="border: none !important; margin: auto; text-decoration: none !important;"><tr><td>1st row 1st data</td><td>1st row 2nd data</td><td>1st row 3rd data</td><td>1st row 4th data</td></tr><tr><td>2nd row 1st data</td><td>2nd row 2nd data</td><td>2nd row 3rd data</td><td>2nd row 4th data</td></tr></table>

Try using this Wink

Edit: I tested it on a forum of mine, here's the result. I can style the table for you if you want to.
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: about table code

Post by BetterHax May 23rd 2013, 5:16 pm

hello its work but how add on that code the font size?
avatar
BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about table code

Post by Ultron's Vision May 23rd 2013, 5:18 pm

Simply use <font size="xx">Text here</font> tags, replace xx with any number you want (not too large, ideally; 12 is default if I remember correctly).
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: about table code

Post by BetterHax May 23rd 2013, 5:24 pm

nice sir thanks for help.
it solved now Very Happy
avatar
BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: about table code

Post by Sir Chivas™ May 23rd 2013, 5:25 pm

Topic Solved & Locked
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Back to top


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