change height of table Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
3 posters

    change height of table

    Ravenstar
    Ravenstar
    Forumember


    Male Posts : 54
    Reputation : 2
    Language : English|Javascript|HTML|Lua|
    Location : :3 somwhere!

    Solved change height of table

    Post by Ravenstar October 8th 2012, 7:56 am

    hello,

    im making a rules section (like the green one on this forum)
    and i have the code, and its been made, however, its got a large space at the top, and i cant manage to shorten the area down so its gone....

    here is the code im using for the rules table:
    Code:
    <td><table style="background: url('http://i35.servimg.com/u/f35/17/55/07/23/scroll11.jpg') no-repeat left center #d4f4aa; border: 1px solid #9ccf5a; padding: 5px 5px 5px 60px; width: 100%; height: 50%; font-weight: bold; color: #; border-radius: 50px;"><tbody><tr><td align="left"><br>
    <span style="font-size: 9px; line-height: normal"><br>
    • Please read and respect our <a href="http://warriorclan.forumotion.com/f36-rules-and-guides">forum rules.</a><br>
    • dont post anything unessesary, or it will be deleted<br>
    • Ask ur staff for questions you may have, for technical work, ask the administrator Ravenstar.<br>
    • Users will have 3 warnings, then will be banned from the chat, if the user breaks the rules once more, they will be banned from accessing the forum<br>
    • Users cannot post un-related posts, unless the post is in a specified topic for it.<br>
    • Keep the forum clean, no bad language! you are warriors, not apprentices<br>
    • No advertising unless you have permission from an Administrator<br>
    • role-play all your cats, otherwise, they may be deleted for the reason of being un-active.<br>
    • Be kind to the other users in posts and chatbox (u can just hate them in your head)<br>
    •have fun, and RP your cats in the WarriorClan world!
     </font></span></td></tr></tbody></table></td>
    </body>
    </HTML>

    i have added a "height : 50" after the "width : 100%" but it hasnt done anything,
    put this in notepad or something to see the large space at the top...
    does anyone know how to fix it, and change the height?
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: change height of table

    Post by Sanket October 8th 2012, 10:47 am

    Add it as height:200px or whichever amount & then check.
    Ravenstar
    Ravenstar
    Forumember


    Male Posts : 54
    Reputation : 2
    Language : English|Javascript|HTML|Lua|
    Location : :3 somwhere!

    Solved Re: change height of table

    Post by Ravenstar October 10th 2012, 2:50 am

    do you mean like this?
    Code:
    <table><tbody><tr><td><td><td><table style="background: url('http://i35.servimg.com/u/f35/17/55/07/23/scroll11.jpg') no-repeat left center #d4f4aa; border: 1px solid #9ccf5a; padding: 5px 5px 5px 60px; width: 100%; height: 200px; font-weight: bold; color: #; border-radius: 50px;"><tbody><tr><td align="left"><br>
    <span style="font-size: 9px; line-height: normal"><br>
    • Please read and respect our <a href="http://warriorclan.forumotion.com/f36-rules-and-guides">forum rules.</a><br>
    • dont post anything unessesary, or it will be deleted<br>
    • Ask ur staff for questions you may have, for technical work, ask the administrator Ravenstar.<br>
    • Users will have 3 warnings, then will be banned from the chat, if the user breaks the rules once more, they will be banned from accessing the forum<br>
    • Users cannot post un-related posts, unless the post is in a specified topic for it.<br>
    • Keep the forum clean, no bad language! you are warriors, not apprentices<br>
    • No advertising unless you have permission from an Administrator<br>
    • role-play all your cats, otherwise, they may be deleted for the reason of being un-active.<br>
    • Be kind to the other users in posts and chatbox (u can just hate them in your head)<br>
    •have fun, and RP your cats in the WarriorClan world!
     </font></span></td></tr></tbody></table></td>
    </body>
    </HTML></td></tr></tbody></table>

    and it isnt changing a thing still
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: change height of table

    Post by runawayhorses October 10th 2012, 4:49 am

    Try it like this, there was a lot of things wrong with the code.

    Code:
     <html><table><tbody><tr><td><table style="background: url('http://i35.servimg.com/u/f35/17/55/07/23/scroll11.jpg') no-repeat left center #d4f4aa; border: 1px solid #9ccf5a; padding: 5px 5px 5px 50px; width: 100%; font-weight: bold; color: #000000; border-radius: 50px;"><tbody><tr><td align="left">
        <span style="font-size: 9px; line-height: normal">
        • Please read and respect our <a href="http://warriorclan.forumotion.com/f36-rules-and-guides">forum rules.</a><br>
        • dont post anything unnecessary, or it will be deleted<br>
        • Ask ur staff for questions you may have, for technical work, ask the administrator Ravenstar.<br>
        • Users will have 3 warnings, then will be banned from the chat, if the user breaks the rules once more, they will be banned from accessing the forum<br>
        • Users cannot post un-related posts, unless the post is in a specified topic for it.<br>
        • Keep the forum clean, no bad language! you are warriors, not apprentices<br>
        • No advertising unless you have permission from an Administrator<br>
        • role-play all your cats, otherwise, they may be deleted for the reason of being in-active.<br>
        • Be kind to the other users in posts and chatbox (u can just hate them in your head)<br>
        •have fun, and RP your cats in the WarriorClan world!
        </font></span></td></tr></tbody></table>
        </body>
        </HTML>
    Ravenstar
    Ravenstar
    Forumember


    Male Posts : 54
    Reputation : 2
    Language : English|Javascript|HTML|Lua|
    Location : :3 somwhere!

    Solved Re: change height of table

    Post by Ravenstar October 10th 2012, 7:31 am

    ok thanks Smile it does work.. but....
    when i post it ... well.. its hard to explain, go to this link to see the problem:
    http://warriorclan.forumotion.com/t657-lol-nobody-comment-about-this-muck-up-xp#4782

    is this to do with the code.. or.... whatever it is, something has failed XP
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: change height of table

    Post by Sanket October 10th 2012, 8:39 am

    It could be something to do with what Rideem posted. Rectify & then check.
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: change height of table

    Post by runawayhorses October 10th 2012, 2:37 pm

    Sanket wrote:It could be something to do with what Rideem posted. Rectify & then check.
    No I fixed what redeem mentioned, its not a <td> tag outside the table tag. If you actually read the code you will see this to be the case.

    As for what the topic starter is asking now, they need to explain what they mean more clearly. I tested the code on an html test page and the text goes to the top of the table, there is no large gap like there was before, so if they are saying that there is still a gap, it could be the browser they are using (I used firefox while editing the code) because browsers read tables significantly different from each other, Internet Explorer being the worst case scenario, or it could possibly be a script or other code interfering with it.

    Edit: I looked at the link they posted just now using firefox and the gap is still there but its not on my test page, so it must be something else unrelated to the table code causing this to happen.
    Ravenstar
    Ravenstar
    Forumember


    Male Posts : 54
    Reputation : 2
    Language : English|Javascript|HTML|Lua|
    Location : :3 somwhere!

    Solved Re: change height of table

    Post by Ravenstar October 11th 2012, 6:10 am

    hmm... im going through it, and i se no errors...

    this is the content of the whole post:
    Spoiler:
    (the first bit of it is the coded rules thing
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: change height of table

    Post by runawayhorses October 11th 2012, 2:08 pm

    Its valid to put table tags inside HTML tags on real HTML document pages at the beginning and ending of the document because table tags go inside the body, but forumotions HTML pages do not require opening or closing HTML tags because the are already in there, just hidden. As goes for <body></body> tags.

    I added the beginning<html> tag because it already had an ending tag, and quite frankly its not going to make one bit of difference either way.. Wink

    There problem is most likely a CSS code in the stylesheet causing the gap.
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: change height of table

    Post by runawayhorses October 11th 2012, 9:00 pm

    Oh really? So if the table tags don't go in the body where do they go?

    Sorry, I think you're wrong.
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: change height of table

    Post by runawayhorses October 11th 2012, 9:04 pm

    Oh I agree with that you should never have more than 1 opening and closing html tag , but the table does goes in between the html and body tags.
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: change height of table

    Post by runawayhorses October 11th 2012, 9:09 pm

    Correct, we are on the same page after all.

    It goes like this:

    <HTML><body><table></table></body></HTML>
    Ravenstar
    Ravenstar
    Forumember


    Male Posts : 54
    Reputation : 2
    Language : English|Javascript|HTML|Lua|
    Location : :3 somwhere!

    Solved Re: change height of table

    Post by Ravenstar October 12th 2012, 1:22 am

    ok, it works now, thankyou all for helping me out here Smile