I have been trying to modify the map that has been used in the latest mmorpg video tutorials but am having issues.
The map idea I am going for is below.
Snippet coppied from Outwar.com.....
Looking at the code its pretty similar to the new tutorials.
I know im noob, but any help is appreciated.
Code: Select all
<body>
<table cellspacing="0" cellpadding="0" style=
"background-color:#333333;border:2px solid black;">
<tbody>
<tr>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
</tr>
<tr>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
</tr>
<tr>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
</tr>
<tr>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"><img src="/images/maptile/YAH.gif" style=
"margin-top:10px;" /></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
</tr>
<tr>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest1.gif);">
<div style="height:29px;width:29px;"></div>
</td>
</tr>
<tr>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
<div style="height:29px;width:29px;"></div>
</td>
</tr>
<tr>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#333333;background-image:url(/landing/defroom.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
<div style="height:29px;width:29px;"></div>
</td>
<td style=
"text-align:center;vertical-align:middle;color:white;background-color:#6F552F;background-image:url(/images/forest/forest4.gif);">
<div style="height:29px;width:29px;"></div>
</td>
</tr>
</tbody>
</table>
</body>