PDA

View Full Version : Editable Region Issue


afield69
11-13-2008, 02:00 PM
Quick question really regarding an editable region, I've successfully managed to create an editable region, but when it comes to adding content to it the template decides to screw up. I've tried adding a table and sticking the content in there but after a line or so of text the template slices seem to be all over the shot, am i doing something wrong? I'm not quite sure which part of the code (if any) will be of interest to you.

Any help is greatly appreciated!

<html>
<DIV align=center>
<head>
<link href="index.css" rel="stylesheet" type="text/css">
<title>darkfall</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

body {

background-color: #000000;

}
body {
background-color: #000000;
}
body {
background-color: #000000;
}
#site_layout {
}
#site_layout_content {
background-image: url(images/darkfall_59.jpg);
}
</style>
<link href="site_layout.css" rel="stylesheet" type="text/css">
<link href="site_layout_content.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style3 {color: #FFFFFF}
#apDiv1 {
position:absolute;
left:785px;
top:401px;
width:248px;
height:246px;
z-index:1;
}
.style8 {
font-family: tahoma;
font-weight: bold;
font-size: 12px;
}
.style9 {font-family: tahoma}
.style10 {color: #FFD331}
-->
</style>
</head>
<body>
<!-- ImageReady Slices (darkfall.psd) -->
<div id="site_layout">
<table id="Table_01" width="1001" height="1201" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="17" rowspan="2">
<img src="images/darkfall_01.jpg" width="319" height="8" alt=""></td>
<td rowspan="11">
<img src="images/darkfall_02.jpg" width="3" height="160" alt=""></td>
<td colspan="6" rowspan="4">
<img src="images/darkfall_03.jpg" width="114" height="35" alt=""></td>
<td colspan="2" rowspan="9">
<img src="images/darkfall_04.jpg" width="5" height="158" alt=""></td>
<td colspan="4" rowspan="3">
<img src="images/darkfall_05.jpg" width="34" height="34" alt=""></td>
<td colspan="22">
<img src="images/darkfall_06.jpg" width="525" height="2" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="8">
<img src="images/darkfall_07.jpg" width="1" height="156" alt=""></td>
<td colspan="21" rowspan="3">
<img src="images/darkfall_08.jpg" width="524" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="12" rowspan="4">
<img src="images/darkfall_09.jpg" width="167" height="143" alt=""></td>
<td colspan="5" rowspan="3">
<img src="images/darkfall_10.jpg" width="152" height="28" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="6">
<img src="images/darkfall_11.jpg" width="34" height="124" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="5">
<img src="images/darkfall_12.jpg" width="114" height="123" alt=""></td>
<td colspan="21" rowspan="4">
<img src="images/darkfall_13.jpg" width="524" height="121" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="6">
<img src="images/darkfall_14.jpg" width="152" height="124" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="115" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/darkfall_15.jpg" width="167" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="6">
<img src="images/darkfall_16.jpg" width="103" height="38" alt=""></td>
<td colspan="8" rowspan="4">
<img src="images/darkfall_17.jpg" width="64" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="18">
<img src="images/darkfall_18.jpg" width="296" height="2" alt=""></td>
<td colspan="3" rowspan="8">
<img src="images/darkfall_19.jpg" width="228" height="133" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/darkfall_20.jpg" width="105" height="1" alt=""></td>
<td colspan="9" rowspan="5">
<img src="images/darkfall_21.jpg" width="75" height="36" alt=""></td>
<td colspan="17" rowspan="6">
<img src="images/darkfall_22.jpg" width="270" height="41" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/darkfall_23.jpg" width="43" height="1" alt=""></td>
<td rowspan="4">
<img src="images/darkfall_24.jpg" width="62" height="35" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/darkfall_25.jpg" width="6" height="39" alt=""></td>
<td colspan="9">
<img src="images/darkfall_26.jpg" width="119" height="32" alt=""></td>
<td rowspan="4">
<img src="images/darkfall_27.jpg" width="3" height="39" alt=""></td>
<td colspan="5">
<img src="images/darkfall_28.jpg" width="133" height="32" alt=""></td>
<td rowspan="4">
<img src="images/darkfall_29.jpg" width="1" height="39" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="3">
<img src="images/darkfall_30.jpg" width="119" height="7" alt=""></td>
<td colspan="5" rowspan="3">
<img src="images/darkfall_31.jpg" width="133" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<img src="images/darkfall_32.jpg" width="103" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="images/darkfall_33.jpg" width="137" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="48" rowspan="2">
<img src="images/darkfall_34.jpg" width="770" height="92" alt=""></td>
<td rowspan="4">
<img src="images/darkfall_35.jpg" width="2" height="96" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="90" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="images/darkfall_36.jpg" width="228" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="48">
<img src="images/darkfall_37.jpg" width="770" height="3" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="20" rowspan="3">
<img src="images/darkfall_38.jpg" width="352" height="12" alt=""></td>
<td colspan="5" rowspan="4">
<img src="images/darkfall_39.jpg" width="86" height="35" alt=""></td>
<td colspan="23">
<img src="images/darkfall_40.jpg" width="332" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="images/darkfall_41.jpg" width="138" height="1" alt=""></td>
<td colspan="3" rowspan="4">
<img src="images/darkfall_42.jpg" width="104" height="37" alt=""></td>
<td colspan="2" rowspan="16">
<img src="images/darkfall_43.jpg" width="9" height="238" alt=""></td>
<td colspan="11" rowspan="5">
<img src="images/darkfall_44.jpg" width="311" height="40" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="15">
<img src="images/darkfall_45.jpg" width="27" height="237" alt=""></td>
<td colspan="6" rowspan="3">
<img src="images/darkfall_46.jpg" width="93" height="36" alt=""></td>
<td colspan="2" rowspan="15">
<img src="images/darkfall_47.jpg" width="18" height="237" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/darkfall_48.jpg" width="2" height="37" alt=""></td>
<td colspan="3" rowspan="4">
<img src="images/darkfall_49.jpg" width="104" height="37" alt=""></td>
<td colspan="15" rowspan="4">
<img src="images/darkfall_50.jpg" width="246" height="37" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="13">
<img src="images/darkfall_51.jpg" width="86" height="204" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="12">
<img src="images/darkfall_52.jpg" width="93" height="201" alt=""></td>
<td colspan="3" rowspan="12">
<img src="images/darkfall_53.jpg" width="104" height="201" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="11" rowspan="2">
<img src="images/darkfall_54.jpg" width="311" height="13" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/darkfall_55.jpg" width="1" height="35" alt=""></td>
<td colspan="7" rowspan="2">
<img src="images/darkfall_56.jpg" width="114" height="34" alt=""></td>
<td colspan="12" rowspan="10">
<img src="images/darkfall_57.jpg" width="237" height="190" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="9">
<img src="images/darkfall_58.jpg" width="52" height="185" alt=""></td>
<td colspan="5" rowspan="13"><!-- TemplateBeginEditable name="announcement_area" -->
<div class="style3" id="site_layout_content">
<div></div>
<p>&nbsp;</p>
<pre class="style9">&nbsp;</pre>
<p>&nbsp;</p>
<pre>&nbsp;</pre>
<pre>&nbsp;</pre>
<pre>&nbsp; </pre>
</div>
<!-- TemplateEndEditable --></td>

afield69
11-13-2008, 08:33 PM
Just a quick update, I totally re-sliced my layout and started from scratch, all was going well until the template decided to "break" again. I decided not to use the editable region in my second attempt. I'm simply deleting the image, inserting a div tag and using the image that was in it's place before as a background image. What exactly am i doing wrong?

You can see exactly what i mean in the following link, thank you for any help!

http://networkscope.net23.net/main.html


<html>
<head>
<title>Darkfall Online - Gamers Network</title>
<link rel="shortcut icon" href="images/gamersnetworkfavcon1.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000000;
}
#site_layout_content {
background-color: #FFE784;
background-image: url(images/darkfall_121.jpg);
height: 288px;
width: 631px;
}
#site_content_announcements {
background-image: url(images/darkfall_66.jpg);
height: 252px;
width: 250px;
}
#site_content_copyright {
background-image: url(images/darkfall_127.jpg);
height: 47px;
width: 608px;
}
#site_content_welcome {
background-image: url(images/darkfall_79.jpg);
height: 103px;
width: 576px;
}
-->
</style>
<link href="Gamers-Network/site_layout.css" rel="stylesheet" type="text/css">
<link href="Gamers-Network/site_layout_announcements.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {
color: #FFFFFF;
font-size: 12px;
font-family: tahoma;
font-weight: bold;
}
.style2 {color: #FFD331}
.style4 {
font-family: tahoma;
color: #FFFFFF;
}
.style8 {font-family: tahoma; font-size: 12px;}
.style9 {
color: #FFFFFF;
font-size: 11px;
font-family: tahoma;
}
.style10 {font-size: 12px}
-->
</style>
<link href="Gamers-Network/site_layout_copyrightext.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (darkfall.psd) -->
<table width="1001" height="1201" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="11" rowspan="3">
<img src="images/darkfall_01.jpg" width="148" height="7" alt=""></td>
<td rowspan="8">
<img src="images/darkfall_02.jpg" width="6" height="37" alt=""></td>
<td colspan="6" rowspan="7">
<img src="images/darkfall_03.jpg" width="160" height="36" alt=""></td>
<td rowspan="8">
<img src="images/darkfall_04.jpg" width="6" height="37" alt=""></td>
<td colspan="39">
<img src="images/darkfall_05.jpg" width="680" height="2" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="16">
<img src="images/darkfall_06.jpg" width="159" height="1" alt=""></td>
<td colspan="23" rowspan="7">
<img src="images/darkfall_07.jpg" width="521" height="35" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<img src="images/darkfall_08.jpg" width="122" height="5" alt=""></td>
<td colspan="5" rowspan="4">
<img src="images/darkfall_09.jpg" width="31" height="32" alt=""></td>
<td rowspan="7">
<img src="images/darkfall_10.jpg" width="6" height="41"
</html>