Table width tweak 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.
2 posters

    Table width tweak

    roCrox
    roCrox
    Forumember


    Male Posts : 83
    Reputation : 20
    Language : English

    Table width tweak Empty Table width tweak

    Post by roCrox Sun 7 Jul 2013 - 7:21

    Ok I'll have difficulty explaining this, sorry.

    Making a 1 row 4 cells table to put in the Homepage message,
    I would like to make 4th cell in this example, to fill the space without adding a
    fixed width.



    Example:
    Table width tweak Table
    Ultron's Vision
    Ultron's Vision
    Forumember


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

    Table width tweak Empty Re: Table width tweak

    Post by Ultron's Vision Sun 7 Jul 2013 - 10:17

    What's the HTML you have for the table?
    roCrox
    roCrox
    Forumember


    Male Posts : 83
    Reputation : 20
    Language : English

    Table width tweak Empty Re: Table width tweak

    Post by roCrox Sun 7 Jul 2013 - 12:08

    Code:
    <table><tr><td><table style="background: url('') no-repeat 6px #191919; border: 1px solid #2c2c2c; color:#1919194; padding: 5px 5px 10px 5px; width: 100%; text-shadow: 0 0px 0 #191919; box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2) inset; font-weight: 0; border-radius: 0px 0px 0px 0px;"><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"><img src="http://i34.servimg.com/u/f34/11/77/85/44/test10.gif" border="1" alt="" />
    <color:="#5884B0"></br></br><a href="http://i34.servimg.com/u/f34/11/77/85/44/test10.gif"><strong><span style="font-size: 14px; line height: normal; font-family: Arial;">Not Available !</span></strong></font></a>
    </br><font color="grey"><span style="font-size: 9px; line-height: normal; font-family: Arial;">Not Available !</span></font><br><font color="grey"><span style="font-size: 9px; line-height: normal; font-family: Arial;">Not Available !</span></font</div></td></tr></table></td><td><table style="background: url('') no-repeat 6px #191919; border: 1px solid #2c2c2c; color:#1919194; padding: 5px 5px 10px 5px;; text-shadow: 0 0px 0 #191919; box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2) inset; font-weight: 0; border-radius: 0px 0px 0px 0px;"><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"><img src="http://i34.servimg.com/u/f34/11/77/85/44/test10.gif" border="1" alt="" />
    <color:="#5884B0"></br></br><a href="http://i34.servimg.com/u/f34/11/77/85/44/test10.gif"><strong><span style="font-size: 14px; line height: normal; font-family: Arial;">Not Available !</span></strong></font></a>
    </br><font color="grey"><span style="font-size: 9px; line-height: normal; font-family: Arial;">JNot Available !</span></font><br><font color="grey"><span style="font-size: 9px; line-height: normal; font-family: Arial;">Not Available !</span></font</div></td></tr></table></td><td><table style="background: url('') no-repeat 6px #191919; border: 1px solid #2c2c2c; color:#1919194; padding: 5px 5px 10px 5px;; text-shadow: 0 0px 0 #191919; box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2) inset; font-weight: 0; border-radius: 0px 0px 0px 0px;"><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"><img src="http://i34.servimg.com/u/f34/11/77/85/44/test10.gif" border="1" alt="" />
    <color:="#5884B0"></br></br><a href="http://i34.servimg.com/u/f34/11/77/85/44/test10.gif"><strong><span style="font-size: 14px; line height: normal; font-family: Arial;">Not Available !</span></strong></font></a>
    </br><font color="grey"><span style="font-size: 9px; line-height: normal; font-family: Arial;">
    Not Available !</span></font><br><font color="#BA3838"><span style="font-size: 9px; line-height: normal; font-family: Arial;">Not Available !</span></font></div></table></td><tr></table></tr></table>

    These are first 3, the fourth i don't know how to add it to expand and fill up the rest of the row of the homepage message, the only reason is if i add fixed values it will not fit, expand width the forum for different screen resolutions, well at least for some members.

    Edit:
    So 4th cell is same as first 3 in content, i want it to have it in the same row, same height, same padding up&down, but left and right i want the cell content or this background to fill the space of homepage message, avoiding adding the fixed value since that will change as
    users resolution change.

    This is what i'm trying to explain, 4rth cell here is filling the extra space.
    Table width tweak Test

     Any solution? Am i making any sense? Very Happy