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.
The forum of the forums
3 posters

    about table code

    avatar
    BetterHax
    Forumember


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

    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
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    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;">
    avatar
    BetterHax
    Forumember


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

    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"
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    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..
    avatar
    BetterHax
    Forumember


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

    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
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    Solved Re: about table code

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

    Can you provide your forum URL ? Thank you.
    avatar
    BetterHax
    Forumember


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

    Solved Re: about table code

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

    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    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?
    avatar
    BetterHax
    Forumember


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

    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
    Ultron's Vision
    Ultron's Vision
    Forumember


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

    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.
    avatar
    BetterHax
    Forumember


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

    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?
    Ultron's Vision
    Ultron's Vision
    Forumember


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

    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).
    avatar
    BetterHax
    Forumember


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

    Solved Re: about table code

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

    nice sir thanks for help.
    it solved now Very Happy
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


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

    Solved Re: about table code

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

    Topic Solved & Locked

      Current date/time is September 22nd 2024, 3:26 pm