PDA

View Full Version : iframe aligning

J E P P O
05-05-2003, 07:55 AM
ok,

to c wat im talkig about, click here (http://www34.brinkster.com/dimrealisation/other.html)

ok, u c that dim realisation box in the middle. I want that to b there but I also want that other box to be next to it.

Heres my code:

<html>
<head>
<title>Dim Realisation</title>

<style>
BODY
{
scrollbar-face-color:"#006699";
scrollbar-highlight-color:"#006699";
scrollbar-3dlight-color:"#006699";
scrollbar-shadow-color:"#006699";
scrollbar-darkshadow-color:"#006699";
scrollbar-track-color:"#006699";
scrollbar-arrow-color:"#000000";
}
</style>

</head>
<body bgcolor="#006699" link="#000000" alink="#000000" vlink="#000000">

<TABLE BGCOLOR="#0099CC" cellspacing=0 cellpadding=0 width=504 align="center" style="border:2px solid #000000">
<TR><TD><center><a href="other.html"><img src="pics/dimlogo.gif" border="0" alt="Dim Realisation Homepage!"></a></center></TD></TR>
</TABLE><p>

<TABLE BGCOLOR="#0099CC" cellspacing="0" cellpadding="0" width="100" align="left" style="border:2px solid #000000">
<TR><TD><font face="arial" size="2"><center>::Navigation::</center></font></TD></TR>
<TR BGCOLOR="#FFFFFF">
<TD align="center"><font face="arial" size="1"><br>::Stuff::</font></TD>
</TR>
</TABLE>

<TABLE BGCOLOR="#0099CC" cellspacing="0" cellpadding="0" width="100" align="center" style="border:2px solid #000000">
<TR><TD><iframe src="blog.html" name="stuff" width="300" height="305" frameborder="0" border="1" scrolling="auto"></iframe>
</TD></TR> </TABLE>

<TABLE BGCOLOR="#0099CC" cellspacing="0" cellpadding="0" width="100" align="right" style="border:2px solid #000000">

<TR><TD><font face="arial" size="2"><center>::Other::</center></font></TD></TR>
<TR BGCOLOR="#FFFFFF">
<TD align="center"><font face="arial" size="1"><br>::Stuff::</font></TD>
</TR>
</TABLE>

</body>
</html>

thanks every1,
MaGiCSuN
05-05-2003, 10:35 AM
Why don't you just use one big table for the 3 parts? Like this:

<table border=0 cellspacing=0 cellpadding=0>
<tr><td valign="top">navigation box here</td>
<td valign="top">blog part here</td>
<td valign="top">other box here</td></tr></table>

then your total code would be something like this:

<html>
<head>
<title>Dim Realisation</title>

<style>
BODY
{
scrollbar-face-color:"#006699";
scrollbar-highlight-color:"#006699";
scrollbar-3dlight-color:"#006699";
scrollbar-shadow-color:"#006699";
scrollbar-darkshadow-color:"#006699";
scrollbar-track-color:"#006699";
scrollbar-arrow-color:"#000000";
}
</style>

</head>
<body bgcolor="#006699" link="#000000" alink="#000000" vlink="#000000">

<TABLE BGCOLOR="#0099CC" cellspacing=0 cellpadding=0 width=504 align="center" style="border:2px solid #000000">
<TR><TD><center><a href="other.html"><img src="pics/dimlogo.gif" border="0" alt="Dim Realisation Homepage!"></a></center></TD></TR>
</TABLE><p>

<table border=0 cellspacing=0 cellpadding=0>
<tr><td valign="top">navigation box here</td>
<td valign="top">blog part here</td>
<td valign="top">other box here</td></tr></table>

</body></html>

you can set width from the table to 100% so that it will fit the screen no matter what.
Love,
Mirna
J E P P O
05-05-2003, 09:51 PM
now it turned out like this (http://www34.brinkster.com/dimrealisation/other.html)