Need some HTML help

Status
Not open for further replies.

nut legend

Active Member
123
2009
0
0
Hey,

I want to put this box at the bottom of my site:

http://www.explosivegfx.com

However I can't and whenever I try it always goes to the right, what should I do?

Regards,

Josh

P.S. The html for the box is:

Code:
<table border="1" align="center" cellspacing="1" id="ll"><tbody>
<tr class="bold">
<td><a target="_blank" href="[URL]http://www.explosivegfx.com/[/URL]" title="Explosive GFx - Homepage"><small><b>Home Page</b></small></a></td>
<td><a target="_blank" href="[URL]http://www.explosivegfx.com/blog[/URL]" title="Explosive GFx - Blog"><small><b>Blog</b></small></a></td>
<td><a target="_blank" href="[URL]http://www.explosivegfx.com/forum[/URL]" title="Explosive GFx - Forum"><small><b>Forum</b></small></a></td>
<td><a target="_blank" href="[URL]http://www.twitter.com/ExplosiveGFx[/URL]" title="Explosive GFx -  Twitter"><small><b>Twitter</b></small></a></td>
<td><b>Link here</b></td>
</tr>
<tr>
<td> Link here</td>
<td>Link here</td>
<td> Link here</td>
<td>Link here</td>
<td><a href=[URL]http://www.explosivegfx.com/forum/affiliates.php[/URL] title="Other Affiliates"><small><b>Other Affiliates</b></small></a></td>
</tr>
</tbody></table>
 
8 comments
Ohh Sorry !
I have made a mistake lol
I thought you needed help on the forum....
=====
Well do this
<table border="1" align="center" valign="bottom" cellspacing="1" id="ll"><tbody>
===
Also it might be caused if you are placing this Link Box in one of the tables with those Banners.
So probably include a Break and then insert your Link Box code.

And I would suggest you to do XHTML & CSS Valid ;) because you are learning Web Designing though :)
 
None of the above things will work, you are using a CSS based design, and trying to put tables in it, what you do need todo, is create a div container, and put your table code in it, and give div container specific id/class and set the appropriate position with the help of CSS. You can look at your logos/boxes for example.
 
Arg. Couldn't resist. Your table was outside of </body> and you forgot to apply a float value and put it into a new parant container of 100% width. Being a fan of standards I'd also point to the fact that your HTML was cool back in 94. What I mean is that you should at least try to keep to the W3C standards.

Anyway, your 'fixed' HTML:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head><title>Explosive GFx - Portal</title> 
<meta name="description" content="Explosive GFx Portal" /> 
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
<meta http-equiv="imagetoolbar" content="no" /> 
<style type="text/css"> 
body{
    background:#000 url(http://i44.tinypic.com/2iroi74.png) repeat-x top center;
    padding:0;
    margin:0;
    height:100%;
    font-size:13px;
    font-family:Verdana,Helvetica,sans-serif;
    color:#fff;
    text-align:center;
    cursor:default;
    height:100%;
    background-image: url();
    background-color: #D5DfeD;
}
.content{
    width:660px;
    margin:0 auto;
}
h1{
    display:none;
}
h1,h2{
    margin:0;
}
img{
    border:0;
}
.logo{
    display:block;
    margin-top:8px;
}
.options{
    margin:10px 0 40px;
}
.options a{
    float:left;
    width:316px;
    height:106px;
    border:2px solid #2d2d2d;
    margin:5px;
    background-image:url(http://i412.photobucket.com/albums/pp207/nutlegend/boxes2.jpg);
    background-repeat:no-repeat;
}
.options a:hover{
    border:2px solid #ccc;
}
.options a:active{
    border:2px solid #ff0000;
}
.clear{
    clear:both;
}
.options a span{
    display:none;
}
.options #ubb{
    background-position:1px 0;
}
.options #md{
    background-position:-318px 0;
}
.options #b{
    background-position:0 -108px;
}
.options #cs{
    background-position:-318px -108px;
}
.options #cs{
    background-position:0 -216px;
}
.options #cs{
    background-position:-318px -216px;
}
.style1 {color: #000000}
.style2 {color: #DFE8F7}
</style> 
<base target="_blank" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head> 
<body> 
<div class="content"> 
<h1>Explosive GFx Network</h1> 
<a href="http://www.explosivegfx.com" target="_self" class="logo"><a href="http://www.explosivegfx.com" target="_self" class="logo"><img src="http://i42.tinypic.com/dphg1s.png" alt="" width="293" height="265" /></a> 
<div style="padding:0px 0 5px;"><span class="style1">ExplosiveGFx.Com</span><br /> 

<div style="color:#666666; font-size:10px; padding-top:2px;">Everything You Will Need For GFx!</div> 
</div> 
 
<div class="options"> 
<h2><a href="forum" id="ubb"><span>forum</span></a></h2> 
<h2><a href="blog" id="md"><span>blog</span></a></h2> 
<h2><a href="http://www.twitter.com/ExplosiveGFx" id="b"><span>http://www.twitter.com/ExplosiveGFx</span></a></h2> 
</div> 

</div> 

<div style="width:100%;float:left;margin-top:50px;">
<table border="1" align="center" cellspacing="1" id="ll"><tbody>
<tr class="bold">
<td><a target="_blank" href="http://www.explosivegfx.com/" title="Explosive GFx - Homepage"><small><b>Home Page</b></small></a></td>

<td><a target="_blank" href="http://www.explosivegfx.com/blog" title="Explosive GFx - Blog"><small><b>Blog</b></small></a></td>
<td><a target="_blank" href="http://www.explosivegfx.com/forum" title="Explosive GFx - Forum"><small><b>Forum</b></small></a></td>
<td><a target="_blank" href="http://www.twitter.com/ExplosiveGFx" title="Explosive GFx -  Twitter"><small><b>Twitter</b></small></a></td>
<td><b>Link here</b></td>
</tr>
<tr>
<td> Link here</td>
<td>Link here</td>
<td> Link here</td>

<td>Link here</td>
<td><a href="http://explosivegfx.com/forum/affiliates.php" title="Other Affiliates"><small><b>Other Affiliates</b></small></a></td>
</tr>
</tbody></table>
</div>

</body> 

</html>
 
Arg. Couldn't resist. Your table was outside of </body> and you forgot to apply a float value and put it into a new parant container of 100% width. Being a fan of standards I'd also point to the fact that your HTML was cool back in 94. What I mean is that you should at least try to keep to the W3C standards.

Anyway, your 'fixed' HTML:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head><title>Explosive GFx - Portal</title> 
<meta name="description" content="Explosive GFx Portal" /> 
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
<meta http-equiv="imagetoolbar" content="no" /> 
<style type="text/css"> 
body{
    background:#000 url(http://i44.tinypic.com/2iroi74.png) repeat-x top center;
    padding:0;
    margin:0;
    height:100%;
    font-size:13px;
    font-family:Verdana,Helvetica,sans-serif;
    color:#fff;
    text-align:center;
    cursor:default;
    height:100%;
    background-image: url();
    background-color: #D5DfeD;
}
.content{
    width:660px;
    margin:0 auto;
}
h1{
    display:none;
}
h1,h2{
    margin:0;
}
img{
    border:0;
}
.logo{
    display:block;
    margin-top:8px;
}
.options{
    margin:10px 0 40px;
}
.options a{
    float:left;
    width:316px;
    height:106px;
    border:2px solid #2d2d2d;
    margin:5px;
    background-image:url(http://i412.photobucket.com/albums/pp207/nutlegend/boxes2.jpg);
    background-repeat:no-repeat;
}
.options a:hover{
    border:2px solid #ccc;
}
.options a:active{
    border:2px solid #ff0000;
}
.clear{
    clear:both;
}
.options a span{
    display:none;
}
.options #ubb{
    background-position:1px 0;
}
.options #md{
    background-position:-318px 0;
}
.options #b{
    background-position:0 -108px;
}
.options #cs{
    background-position:-318px -108px;
}
.options #cs{
    background-position:0 -216px;
}
.options #cs{
    background-position:-318px -216px;
}
.style1 {color: #000000}
.style2 {color: #DFE8F7}
</style> 
<base target="_blank" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head> 
<body> 
<div class="content"> 
<h1>Explosive GFx Network</h1> 
<a href="http://www.explosivegfx.com" target="_self" class="logo"><a href="http://www.explosivegfx.com" target="_self" class="logo"><img src="http://i42.tinypic.com/dphg1s.png" alt="" width="293" height="265" /></a> 
<div style="padding:0px 0 5px;"><span class="style1">ExplosiveGFx.Com</span><br /> 
 
<div style="color:#666666; font-size:10px; padding-top:2px;">Everything You Will Need For GFx!</div> 
</div> 
 
<div class="options"> 
<h2><a href="forum" id="ubb"><span>forum</span></a></h2> 
<h2><a href="blog" id="md"><span>blog</span></a></h2> 
<h2><a href="http://www.twitter.com/ExplosiveGFx" id="b"><span>http://www.twitter.com/ExplosiveGFx</span></a></h2> 
</div> 
 
</div> 
 
<div style="width:100%;float:left;margin-top:50px;">
<table border="1" align="center" cellspacing="1" id="ll"><tbody>
<tr class="bold">
<td><a target="_blank" href="http://www.explosivegfx.com/" title="Explosive GFx - Homepage"><small><b>Home Page</b></small></a></td>
 
<td><a target="_blank" href="http://www.explosivegfx.com/blog" title="Explosive GFx - Blog"><small><b>Blog</b></small></a></td>
<td><a target="_blank" href="http://www.explosivegfx.com/forum" title="Explosive GFx - Forum"><small><b>Forum</b></small></a></td>
<td><a target="_blank" href="http://www.twitter.com/ExplosiveGFx" title="Explosive GFx -  Twitter"><small><b>Twitter</b></small></a></td>
<td><b>Link here</b></td>
</tr>
<tr>
<td> Link here</td>
<td>Link here</td>
<td> Link here</td>
 
<td>Link here</td>
<td><a href="http://explosivegfx.com/forum/affiliates.php" title="Other Affiliates"><small><b>Other Affiliates</b></small></a></td>
</tr>
</tbody></table>
</div>
 
</body> 
 
</html>

Thanks so much! You really are a life saver :D

Regards,

Josh
 
Status
Not open for further replies.
Back
Top