Help me decipher this template...

L

liunx

Guest
I Download ed this template and due to me not being very versed in CSS, I'm having a hard time deciphering it. I'll post the code, but I just don't see where I would insert text for the links etc. Right now when I visit the site, there are links on the left, but no text, just blanks. Also how do I add text to the main window. Thanks for helping out with such newbie questions.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- This Site Was Designed By Wayne D. Fields <!-- m --><a class="postlink" href="http://illusivedesign.cjb.net">http://illusivedesign.cjb.net</a><!-- m --> -->
<!-- Please make sure you read all of the read me file that came with this template then
you may delete this comment -->
<html>
<head>
<title>NaughtyBox Gaming Computers</title>
<meta name="description" content="Gaming Rigs that destroy the competition.">
<meta name="keywords" content="Gaming, computers, fast, buy">
<style type="text/css">
<!--
a:link, a:active, a:visited {
color: #4A265A;
text-decoration: underline}

a:hover {
color: #4A265A;
text-decoration: none}

-->
</style>
</head>
<body bgcolor="#ffffff" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">

<table width="780" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<table width="780" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_01.jpg" width="240" height="95"></td>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_02.jpg" width="225" height="95"></td>
<td width="315" height="95" bgcolor="#ffffff"> </td>
</tr>
</tr>
</table>
</td>
</tr>
<tr>
<td>

<table border="0" width="240" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_04.jpg" width="240" height="85"></td>
</tr>

<tr>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_06.jpg" width="30" height="25"></td>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/link_1.jpg" width="210" height="25" border="0" alt="link_1"></a></td>
</tr>

<tr>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_08.jpg" width="30" height="30"></td>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/link_2.jpg" width="210" height="30" border="0" alt="link_2"></a></td>
</tr>

<tr>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_10.jpg" width="30" height="30"></td>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/link_3.jpg" width="210" height="30" border="0" alt="link_3"></a></td>
</tr>

<tr>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_12.jpg" width="30" height="30"></td>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/link_4.jpg" width="210" height="30" border="0" alt="link_4"></a></td>
</tr>

<tr>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_14.jpg" width="30" height="25"></td>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/link_5.jpg" width="210" height="25" border="0" alt="link_5"></a></td>
</tr>

<tr>
<td width="10" bgcolor="#000000"> </td>
<td width="230" height="314" colspan="2" bgcolor="#000000" valign="top">
<!-- Side Panel --><br><br>

<!-- Side Panel -->
</td>
</tr>
</table>

</td>
<td align="center" valign="top" bgcolor="#000000">
<!-- Content --><br><br>Penis
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/hr.gif" width="464" height="11" border="0">
<blockquote><font face="Arial" size="2" color="#000000"><strong>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</strong></font></blockquote>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/hr.gif" width="464" height="11" border="0">
<!-- Content -->
</td>
</tr>
</table>

</body>
</html>before:

<tr>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_06.jpg" width="30" height="25"></td>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/link_1.jpg" width="210" height="25" border="0" alt="link_1"></a></td>
</tr>


after:

<tr>
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/dig_temp2_06.jpg" width="30" height="25"></td>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/link_1.jpg" width="210" height="25" border="0" alt="link_1">LINK HERE</a></td>
</tr>I see, thanks. Now if you go to the url...www.evogamers.net and check out what that did, you'll see that it puts the links to the right of the spaces that they would fit into. Is there any way to make them fit into those spaces?Im sure that the code Neczy gave you should do that. It still looks wrong.yeah that coding is ugly.Shouldn't be using tables for layout either...Or invalid HTML...And I think it would work if you made the images have text on them, instead of putting text on it -- that might be the reason it's breaking the layout. But then, I'm no table expert. I don't spend time learning things that I'm going to have to throw away in the future. At least, I try to avoid it.I thought this was meant to be a gaming layout what is this about :confused:

<td align="center" valign="top" bgcolor="#000000">
<!-- Content --><br><br>Penis
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/hr.gif" width="464" height="11" border="0">
<blockquote><font face="Arial" size="2" color="#000000"><strong>


Must be a weird game:Dlol!You're either going to have to
edit the images or delete them if you want the
text to be more to the left.

If you want to maintain the look of the template,
you'll need to open the images and place text
in the image.
 
You must log in or register to reply here.
Back
Top