The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Table width tweak

View previous topic View next topic Go down

Table width tweak

Post by roCrox on July 7th 2013, 7:21 am

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:

roCrox
Forumember

Male Posts : 83
Reputation : 20
Language : English

Back to top Go down

Re: Table width tweak

Post by Ultron's Vision on July 7th 2013, 10:17 am

What's the HTML you have for the table?

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

Re: Table width tweak

Post by roCrox on July 7th 2013, 12:08 pm

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.


 Any solution? Am i making any sense? Very Happy

roCrox
Forumember

Male Posts : 83
Reputation : 20
Language : English

Back to top Go down

View previous topic View next topic Back to top


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