chrometweaks.org

Searching iPage web hosting for 8$ a month?

Click Here To View All Answers...


Quick question: Searching iPage web hosting for 8$ a month? Hoping for any response. Another question on my mind: How do I make tables and lay them out on the page like this screenshot..

Comments (10)

Good question... I dunno what is the answer to your question. I'll do some research and get back to you if I bump into an anything. You should email the people at iPage as they probably can answer it..

Comment #1

Also how do I make the text stay at the top of the tables like how iPage site of the day is ont he right table if the other side as a bigger pic then it is close to the top but it moves the other side down as well as the Welcome to text, how do I move that up? and keep it at the top..

Comment #2

Try this:.

<table border=3 width=100% align=center>.

<tr valign=top><td>.

<table border=3 width=100% align=center>.

<tr valign=top height=200><td align=left>This is the top-left box</td></tr>.

<tr valign=top height=200><td align=left>This is the lower-left box</td></tr>.

</table>.

<td align=left>This is the middle box which goes all the way down</td>.

<td>.

<table border=3 width=100% align=center>.

<tr valign=top height=200><td align=left>This is the top-right box</td></tr>.

<tr valign=top height=200><td align=left>This is the lower-right box</td></tr>.

</table>.

</td></tr>.

</table>.

How's dat?..

Comment #3

One minor change to make to that: put the attribute values inside.

".

Quotes.

".

Especially the.

".

Nn%.

".

Sizes...

Comment #4

Ok my iPage site is finally taking shape.

All I would like now is how can I make the bottom left and bootom right table thinner than the top ones I have messed around with the width percentages and I cant seem to get it to work I want them thinner like on the screenshot I attached earlier in this post.

Http://www.boomspeed.com/boxcarmember/site.html.

Thanx for all your help..

Comment #5

You want the % to add up to 100%.

So if the left one is say 15%, make the right one the same which leaves 70% for the middle cell.

If your trying to mess around with ucm's % then that won't work, add a % to the cells that the tables are embedded in and the main cell (like in my example, just copy the style parts).

Good luck..

Comment #6

Ok I cant figure out exactly how to do it this is my code for the tables.

<table cellpadding="4" cellspacing="2" border="0" width="100%" align="center">.

<tr valign="top">.

<td>.

<table cellpadding="4" cellspacing="2" border="0" width="100%" align="left">.

<tr valign=top height=200>.

<td align=left style="width: 100%; color: #FFFFFF; background-color: #555555; border-width: 1px; border-style: solid; border-color: #000000"><h1 class="table">BoXCaRmember88</h1>.

<center><img src="http://www.boomspeed.com/boxcarmember/meandjessi.jpg" width="170" align="bottom" alt="DrUgGIeS" /></center><br />.

<p class="default"><b>Real Name:</b> Eli <br /><b>Birthday:</b> 8/8/1985<br /><b>Gender:</b> Male<br /><b>Hobbies:</b> computers, snowboarding, drums and other stuff<br /></p></td></tr>.

<tr valign=top height=200>.

<td align=center style="width: 100%; color: #FFFFFF; background-color: #555555; border-width: 1px; border-style: solid; border-color: #000000">.

<BR>.

<span style='filter:glow(color=#006699,strength=5);font-size:"14";width:100%'><font color=#000000>SoF LINKS</span>.

<BR>.

<hr color=#006699>.

<a href="http://www.gfclansite.com/" target="_blank"><img src="http://www.gfclansite.com/images/gflogobutton.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://www.activision.com/" target="_blank"><img src="http://www.activision.com/games/soldieroffortune/images/legal_activision.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://sof.fragland.net/" target="_blank"><img src="http://www.aftamath1.homestead.com/files/sofland.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://www.ravengames.com/" target="_blank"><img src="http://www.ravengames.com/images/affiliates/ravengames.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://www.soffiles.com/" target="_blank"><img src="http://www.jolt.co.uk/sof_files.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://www.planetsoldier.com/" target="_blank"><img src="http://www.planetsoldier.com/images/linktopsof.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://rogerwilco.gamespy.com/" target="_blank"><img src="http://rogerwilco.gamespy.com/images/poweredby.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

</td></tr>.

</table>.

<td align=left style="width: 75% ; height: 100%; valign: top">.

<h1 class="main">Welcome to my ****astic site!</h1>.

<p class="default">Welcome to my site. It is still under construction but it is slowly coming along. My main topic here is going to be SoF and random ****. If you don't have SoF download it from kazaa (shhh). It is the best game ever. It is a first person shooter.

That is the only version you can play online with and that is basically the whole point of the game. With that version you will also not need a cd key.</p>.

</td>.

<td>.

<table cellpadding="4" cellspacing="2" border="0" width="100%" align="right">.

<tr valign=top height=200>.

<td align=right style="width: 100%; color: #FFFFFF; background-color: #555555; border-width: 1px; border-style: solid; border-color: #000000">.

<h1 class="table">Site of the Day</h1>.

<center><a href="http:\masturbateforpeace.com" target="_blank"><img src="http://masturbateforpeace.com/images/peace_iraq.gif" width="155" align="bottom" alt="Boo War!!!" /></a></center>.

<BR>.

<center><a href="http:\masturbateforpeace.com" target="_blank">Masturbate for Peace!</a>.

</td>.

</tr>.

<tr valign=top height=200>.

<td align=right style="width: 75%; color: #FFFFFF; background-color: #555555; border-width: 1px; border-style: solid; border-color: #000000">.

<p class="default">Downloads and Random Crap Going Here Soon...</p>.

</td></tr>.

</table>.

</td></tr>.

</table>..

Comment #7

Change.

<h1 class="table">BoXCaRmember88</h1>.

To an h3, that is what's making your left column too wide, remember that the smallest a cell can be is the size of what is in it.

Remember to pass it through the.

Validator.

, makes it easier to check for any unclosed tags etc.....

Comment #8

No I liek the size of the top left column, how do I make the width of the bottom right and left smaller than that of the top ones? I have messed around with the width percentages and cant seem to do it look at the screen shot I attached earlier in this post you see how the bottom left and right tables and thinner than the top ones how?.

I really appreciate your fast responses too..

Comment #9

Check the [.

Link.

] for a list of other HTML errors on your iPage site that you need to fix:.

Add.

Type="text/javascript".

To every.

<script>.

Tag..

Add a.

Type="text/css".

Attribute to every.

<style>.

Tag..

Add.

Alt="some text".

To every.

<img >.

Tag, the text reflecting what is in the dispayed image. On unimportant images, like spacer elements, a minimum of.

Alt="".

Is fine. For bullet-point images,.

Alt="*".

Is often used. Search engines do index the.

Alt.

Text. The.

Alt.

Attribute is a.

Required.

Element..

Remember to.

".

Quote.

".

All attributes, especially all.

".

#FFFFFF.

".

Colors, all.

URLs.

, all.

".

50%.

".

Sizes, and any other attribute value that contains anything other than a simple.

".

A.

".

To.

".

Z.

".

Or.

".

0.

".

To.

".

9.

".

Value. In HTML 4.01 it is.

Recommended.

To quote.

All.

Attribute values..

The tags associated with many of the links have coding errors. Fix all of the above problems before looking to see what is causing those...

Comment #10

Ok, soz got confused on which table you wanted, the one you want isn't a table, it's a cell, so I embedded another table in there for you, try this (adjust the % on line 20).

<table cellpadding="4" cellspacing="2" border="0" width="100%" align="center">.

<tr valign="top">.

<td>.

<table cellpadding="4" cellspacing="2" border="0" width="100%" align="left">.

<tr valign=top height=200>.

<td align=left style="width: 100%; color: #FFFFFF; background-color: #555555; border-width: 1px; border-style: solid; border-color: #000000"><h1 class="table">BoXCaRmember88</h1>.

<center><img src="http://www.boomspeed.com/boxcarmember/meandjessi.jpg" width="170" align="bottom" alt="DrUgGIeS" /></center><br />.

<p class="default"><b>Real Name:</b> Eli <br /><b>Birthday:</b> 8/8/1985<br /><b>Gender:</b> Male<br /><b>Hobbies:</b> computers, snowboarding, drums and other stuff<br /></p></td></tr>.

<tr><td>.

<table cellpadding="4" cellspacing="2" border="0" width="60%" align="left">.

<tr valign=top height=200>.

<td align=center style="width: 100%; color: #FFFFFF; background-color: #555555; border-width: 1px; border-style: solid; border-color: #000000">.

<BR>.

<span style='filter:glow(color=#006699,strength=5);font-size:"14";width:100%'><font color=#000000>SoF LINKS</span>.

<BR>.

<hr color=#006699>.

<a href="http://www.gfclansite.com/" target="_blank"><img src="http://www.gfclansite.com/images/gflogobutton.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://www.activision.com/" target="_blank"><img src="http://www.activision.com/games/soldieroffortune/images/legal_activision.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://sof.fragland.net/" target="_blank"><img src="http://www.aftamath1.homestead.com/files/sofland.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://www.ravengames.com/" target="_blank"><img src="http://www.ravengames.com/images/affiliates/ravengames.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://www.soffiles.com/" target="_blank"><img src="http://www.jolt.co.uk/sof_files.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://www.planetsoldier.com/" target="_blank"><img src="http://www.planetsoldier.com/images/linktopsof.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

<hr color=#006699>.

<a href="http://rogerwilco.gamespy.com/" target="_blank"><img src="http://rogerwilco.gamespy.com/images/poweredby.gif" border=0 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">.

</td></tr></table>.

</td></tr>.

</table>.

<td align=left style="width: 75% ; height: 100%; valign: top">.

<h1 class="main">Welcome to my ****astic site!</h1>.

<p class="default">Welcome to my site. It is still under construction but it is slowly coming along. My main topic here is going to be SoF and random ****. If you don't have SoF download it from kazaa (shhh). It is the best game ever. It is a first person shooter.

That is the only version you can play online with and that is basically the whole point of the game. With that version you will also not need a cd key.</p>.

</td>.

<td>.

<table cellpadding="4" cellspacing="2" border="0" width="100%" align="right">.

<tr valign=top height=200>.

<td align=right style="width: 100%; color: #FFFFFF; background-color: #555555; border-width: 1px; border-style: solid; border-color: #000000">.

<h1 class="table">Site of the Day</h1>.

<center><a href="http:\masturbateforpeace.com" target="_blank"><img src="http://masturbateforpeace.com/images/peace_iraq.gif" width="155" align="bottom" alt="Boo War!!!" /></a></center>.

<BR>.

<center><a href="http:\masturbateforpeace.com" target="_blank">Masturbate for Peace!</a>.

</td>.

</tr>.

<tr valign=top height=200>.

<td align=right style="width: 75%; color: #FFFFFF; background-color: #555555; border-width: 1px; border-style: solid; border-color: #000000">.

<p class="default">Downloads and Random Crap Going Here Soon...</p>.

</td></tr>.

</table>.

</td></tr>.

</table>..

Comment #11


This question was taken from a support group/message board and re-posted here so others can learn from it.