PDA

View Full Version : Layout help. I need help with the links plz.

Eperdermic
05-02-2006, 08:39 PM
Hey, this is part of my website (http://www.freewebs.com/elemental-quest/images/NeedHelpWith.gif). I was just wondering if the links I've highlighted in red can open in the bit I've highlighted in blue?Would be a great help.
pb&j
05-03-2006, 04:59 AM
you will have to look in to iframes for that. css doesnt do that.
Eperdermic
05-03-2006, 05:29 AM
I thought it might be that, I was just wondering if there was anyway you could do it with CSS.
I'll look at the iFrames bit then.
Thanks for your help.
pb&j
05-03-2006, 01:41 PM
no problem. good luck!
Eperdermic
05-03-2006, 07:15 PM
I did that bit, and it worked...but is there anyway I don't get that scroll bar?
Here. (http://www.freewebs.com/elemental-quest/tester.html)

Thios is the CSS I'm using.
What's that like, thing you do to make the page keep growing even if their's loads of text..?

<html><title>Elemental Quest - All your wildet dreams, on one webpage.</title>
<meta name="description" content="Elemental Quest, a brand new, original RPG for everyone to enjoy. Includes original art-work and storyline.">
<meta name="keywords" content="RPG, Manga, Anime, Hydra, Ventus, Ignesca, Xantaro, Sutekai, Raidon, Kiyoshi, Kimi">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body { margin: 0px 0px; padding: 0px 0px}
background-repeat: repeat-y;
a:link { color: #005CA2; text-decoration: none}
a:visited { color: #005CA2; text-decoration: none}
a:active { color: #0099FF; text-decoration: underline}
a:hover { color: #0099FF; text-decoration: underline}
-->
</style>
<link rel="stylesheet" href="file:///E|/all%20web_file/job_cd6/fsct/webeng/textstyle" type="text/css">
<link rel="stylesheet" href="textstyle" type="text/css">
<link rel="stylesheet" href="textstyle.css" type="text/css">
</head>

<body bgcolor="#FFFFFF">
<table width="780" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="80" height="100"><img src="images/pc1.gif" width="80" height="100"></td>
<td width="590" height="100">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="125" height="50"><img src="images/pc2.gif" width="125" height="50"></td>
<td width="465" height="50">



It's quite a lot, I know..it won't even all fit in, I'll have to post the next bit..
Any help would be great, thanks.
Eperdermic
05-03-2006, 07:19 PM
I dunno how to do that scrolly box thing, so I'll just do it like this:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" bgcolor="#EEFDCF">
<tr>
<td><img src="images/pc4.gif" width="83" height="29"></td>
</tr>
<tr>
<td height="21">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" class="txt1" background="images/btn1.gif">
<tr align="center" valign="middle">
<td width="93" height="21"><b><a href="home.html" target="1"><font color="#224F0B">Home</font></a></b></td>
<td width="93" height="21" align="center" valign="middle"><b><a href="#"><font color="#224F0B">LINK
HERE</font></a></b></td>
<td width="93" height="21" align="center" valign="middle"><b><a href="#"><font color="#224F0B">LINK
HERE</font></a></b></td>
<td width="93" height="21" align="center" valign="middle"><b><a href="#"><font color="#224F0B">LINK
HERE</font></a></b></td>
<td width="93" height="21" align="center" valign="middle"><b><a href="#"><font color="#224F0B">LINK
HERE</font></a></b></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="50" width="125"><img src="images/pc3.gif" width="125" height="50"></td>
<td height="50" width="465"><img src="images/pc5.gif" width="465" height="50"></td>
</tr>
</table>
</td>
<td width="110" height="100"><img src="images/pc6.gif" width="110" height="100"></td>
</tr>
<tr align="left" valign="top">
<td width="80">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" background="images/bg3.gif">
<tr>
<td align="left" valign="top"><img src="images/pc9.gif" width="80" height="212"></td>
</tr>
</table>
</td>
<td width="590">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" background="images/bg5.gif">
<tr>
<td width="590" height="27"><img src="images/hd1.gif" width="590" height="27"></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="5" height="100%" class="txt1" name="1">
<tr>
<td width="10">&nbsp;</td>
<td align="left" valign="top">

<IFRAME name="1" src="home.html" width=100% height=100% marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto style="FILTER: chroma(color=#ff0000)" allowtransparency="true">
<p><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non
non non non non non non non non non non non non non non non!
</IFRAME>


</p>
</td>
<td width="150" align="center" valign="top"><img src="images/pic1.gif" width="117" height="137"></td>
<td width="25">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="590" height="23"><img src="images/hd3.gif" width="590" height="23"></td>
</tr>
</table>


Even that's too long.
If anyone knows how to do the scrolly box thing..
Tell me please..
Eperdermic
05-03-2006, 07:20 PM
Okay, done..

</td>
<td width="110">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" background="images/bg4.gif">
<tr>
<td align="left" valign="top"><img src="images/pc10.gif" width="110" height="212"></td>
</tr>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td width="80" height="119">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" background="images/bg1.gif">
<tr>
<td height="54">&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/pc7.gif" width="80" height="35" border="0"></td>
</tr>
</table>
</td>
<td width="590" height="119">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td height="89" width="125">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="100%" height="100%"><img src="images/advertisingspace.gif" border="0"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="590" height="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" background="images/pc8.gif" class="txt1">
<tr>
<td align="right" valign="middle"><a href="#">Stuff</a> | <a href="#">Stuff</a>
| <a href="#">Stuff</a> | <a href="#">Stuff</a> | <a href="#">Stuff</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="110" height="119">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" background="images/bg2.gif">
<tr>
<td align="left" valign="top">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>