PDA

View Full Version : small window


GeeksUnite
03-04-2006, 04:09 AM
Hi,
i have pretty much finished with the graphic details of the website, but i want to include a small window like the one im using right now to write this topic. i want to add it inside the website because if i write something thats larger than the box, the layout gets messed up, so i need something that would go as long as i want it without messing up with the rest.
thanks alot.
NOTE: what happened to the tutorial templates?? i really found that tut useful, can you guys upload it again?

Creative Insanity
03-04-2006, 06:08 AM
http://www.dreamweaverclub.com/css-scroller.php

GeeksUnite
03-04-2006, 03:54 PM
EDIT: i would like to know if someone can solve my problem.
i have the website, in the middle there is a section that has been sliced. so i deleted it, and add a table with the same color so it wont affect the background, however, when i add the text, if i go past the limit it will mess up the layout. my question is, is there a way to make that editable section fixed? please please HELP ME.

<HTML>
<HEAD>
<TITLE>NEWSITE</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
oblivionfinal_12_oblivionfinal_07_over = newImage("images/oblivionfinal_12-oblivionfi.gif");
oblivionfinal_21_oblivionfinal_09_over = newImage("images/oblivionfinal_21-oblivionfi.gif");
oblivionfinal_21_oblivionfinal_05_over = newImage("images/oblivionfinal_21-oblivio-25.gif");
oblivionfinal_21_oblivionfinal_11_over = newImage("images/oblivionfinal_21-oblivio-26.gif");
oblivionfinal_21_oblivionfinal_03_over = newImage("images/oblivionfinal_21-oblivio-27.gif");
oblivionfinal_21_oblivionfinal_07_over = newImage("images/oblivionfinal_21-oblivio-28.gif");
oblivionfinal_23_oblivionfinal_03_over = newImage("images/oblivionfinal_23-oblivionfi.gif");
oblivionfinal_23_oblivionfinal_07_over = newImage("images/oblivionfinal_23-oblivio-32.gif");
preloadFlag = true;
}
}

// -->
</SCRIPT>


</HEAD>
<BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">

<TABLE WIDTH=750 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>

<TR>
<TD COLSPAN=14> images/oblivionfinal_01.gif</TD>
<TD> images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2> images/oblivionfinal_02.gif</TD>
<TD width="60"> <A HREF="#"
ONMOUSEOVER="changeImages('oblivionfinal_21', 'images/oblivionfinal_21-oblivio-27.gif', 'oblivionfinal_23', 'images/oblivionfinal_23-oblivionfi.gif'); return true;"
ONMOUSEOUT="changeImages('oblivionfinal_21', 'images/oblivionfinal_21.gif', 'oblivionfinal_23', 'images/oblivionfinal_23.gif'); return true;">
images/oblivionfinal_03.gif</A></TD>
<TD width="26" ROWSPAN=2> images/oblivionfinal_04.gif</TD>
<TD width="66"> <A HREF="#"
ONMOUSEOVER="changeImages('oblivionfinal_21', 'images/oblivionfinal_21-oblivio-25.gif', 'oblivionfinal_23', 'images/oblivionfinal_23-oblivionfi.gif'); return true;"
ONMOUSEOUT="changeImages('oblivionfinal_21', 'images/oblivionfinal_21.gif', 'oblivionfinal_23', 'images/oblivionfinal_23.gif'); return true;">
images/oblivionfinal_05.gif</A></TD>
<TD width="18" ROWSPAN=2> images/oblivionfinal_06.gif</TD>
<TD width="63"> <A HREF="#"
ONMOUSEOVER="changeImages('oblivionfinal_12', 'images/oblivionfinal_12-oblivionfi.gif', 'oblivionfinal_21', 'images/oblivionfinal_21-oblivio-28.gif', 'oblivionfinal_23', 'images/oblivionfinal_23-oblivio-32.gif'); return true;"
ONMOUSEOUT="changeImages('oblivionfinal_12', 'images/oblivionfinal_12.gif', 'oblivionfinal_21', 'images/oblivionfinal_21.gif', 'oblivionfinal_23', 'images/oblivionfinal_23.gif'); return true;">
images/oblivionfinal_07.gif</A></TD>
<TD width="18" ROWSPAN=2> images/oblivionfinal_08.gif</TD>
<TD width="60"> <A HREF="#"
ONMOUSEOVER="changeImages('oblivionfinal_21', 'images/oblivionfinal_21-oblivionfi.gif'); return true;"
ONMOUSEOUT="changeImages('oblivionfinal_21', 'images/oblivionfinal_21.gif'); return true;">
images/oblivionfinal_09.gif</A></TD>
<TD ROWSPAN=6> images/oblivionfinal_10.gif</TD>
<TD> <A HREF="#"
ONMOUSEOVER="changeImages('oblivionfinal_21', 'images/oblivionfinal_21-oblivio-26.gif'); return true;"
ONMOUSEOUT="changeImages('oblivionfinal_21', 'images/oblivionfinal_21.gif'); return true;">
images/oblivionfinal_11.gif</A></TD>
<TD COLSPAN=3 ROWSPAN=3> images/oblivionfinal_12.gif</TD>
<TD> images/spacer.gif</TD>
</TR>
<TR>
<TD> images/oblivionfinal_13.gif</TD>
<TD> images/oblivionfinal_14.gif</TD>
<TD> images/oblivionfinal_15.gif</TD>
<TD> images/oblivionfinal_16.gif</TD>
<TD ROWSPAN=5> images/oblivionfinal_17.gif</TD>
<TD> images/spacer.gif</TD>
</TR>
<TR>
<TD ROWSPAN=4> images/oblivionfinal_18.gif</TD>
<TD COLSPAN=8 ROWSPAN=3 valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="369" height="273" valign="top"><table width="100%" height="273" border="0">
<tr>
<td valign="top" bgcolor="FAFAFA">HERE IS WHERE I WANT THE TEXT</td>
</tr>
</table></td>
</tr>
</table></TD>
<TD height="76"> images/spacer.gif</TD>
</TR>
<TR>
<TD ROWSPAN=3> images/oblivionfinal_20.gif</TD>
<TD height="166"> images/oblivionfinal_21.gif</TD>
<TD ROWSPAN=3> images/oblivionfinal_22.gif</TD>
<TD> images/spacer.gif</TD>
</TR>
<TR>
<TD ROWSPAN=2> images/oblivionfinal_23.gif</TD>
<TD height="31"> images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=8> images/oblivionfinal_24.gif</TD>
<TD> images/spacer.gif</TD>
</TR>
<TR>
<TD> images/spacer.gif</TD>
<TD width="58"> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD> images/spacer.gif</TD>
<TD></TD>
</TR>
</TABLE>

</BODY>
</HTML>