PDA

View Full Version : in need of some HTML help

self biased
June 24, 2007, 00:12
for the 'blog. go [here (http://selfbiased.diaryland.com)] and please look at the image and code. i don't appear to be able post html code here without it actually working.

i'd like to change it to this image:
http://selfbiased.diaryland.com/images/shaitannew.jpg
Koyaanisqatsi
June 24, 2007, 00:29
Upload your image, and change this line:

<table width="780" height="420" cellspacing="0" cellpadding="0" border="0" background="http://selfbiased.diaryland.com/images/shaitan.jpg">

so it points to the address of your new picture. Then change this section:

<map name="links" id="links">
<area shape="rect" alt="theatre" coords="0,0,80,82" href="http://selfbiased.diaryland.com/theatre.html">
<area shape="rect" alt="Archive" coords="81,0,150,75" href="http://selfbiased.diaryland.com/older.html">
<area shape="rect" alt="Contact" coords="0,83,80,170" href="mailto:self.biased@gmail.com">
<area shape="rect" alt="Previous" coords="81,76,150,150" href="14jun07.html">

<area shape="rect" alt="Home" coords="0,171,80,260" href="http://www.diaryland.com">
<area shape="rect" alt="Current" coords="81,151,150,230" href="http://selfbiased.diaryland.com">
<area shape="rect" alt="Next" coords="81,231,150,300" href="index.html">
<area shape="rect" alt="Profile" coords="70,301,150,370" href="http://members.diaryland.com/profile.phtml?user=selfbiased">
</map>

near the top of your page. Those coordinates are the corners of a box that defines where the links go...you need to change them so the match the new locations of the links in your graphic.
self biased
June 24, 2007, 00:37
i attempted to do so, but the links are not working. it looks as such now:

<html>
<head>
<title>[the desert heart of shai-hulud]</title>
</head>

<body bgcolor="#000000" link="#877E71" vlink="#5D626C" alink="#C1543E">


<table width="100%" height="90%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="center" width="100%" height="100%">

<table width="780px" height="420px" cellpadding="0" cellspacing="0" border="0" background="http://selfbiased.diaryland.com/images/shaitannew.jpg">

<MAP NAME="shaitannew">
<AREA SHAPE="RECT" COORDS="669,0,776,15" HREF="mailto:self.biased@gmail.com" TITLE="Electronic Mail">
<AREA SHAPE="RECT" COORDS="669,19,776,33" HREF="%%prev%%" TITLE="previous entry">
<AREA SHAPE="RECT" COORDS="679,33,778,48" HREF="index.html" TITLE="current entry">
<AREA SHAPE="RECT" COORDS="697,48,777,64" HREF="%%next%%" TITLE="next entry">
<AREA SHAPE="RECT" COORDS="705,66,779,78" HREF="http://www.diaryland.com" TITLE="diaryland">
<AREA SHAPE="RECT" COORDS="711,81,779,93" HREF="older.html" TITLE="archives">
<AREA SHAPE="RECT" COORDS="718,95,779,109" HREF="theatre.html" TITLE="theatre">
<AREA SHAPE="RECT" COORDS="725,110,779,125" HREF="http://members.diaryland.com/edit/profile.phtml?user=selfbiased" TITLE="profile">
<AREA SHAPE="RECT" COORDS="730,127,779,140" HREF="http://members.diaryland.com/edit/addnote.phtml?user=selfbiased" TITLE="notes">
</MAP>


<tr>
<td>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50px" height="185px">
</td>

<td width="450px" height="185px">
</td>

<td width="125px" height="185px">
</td>

<td rowspan="3">
<img src="http://selfbiased.diaryland.com/images/spacer.gif" width="100%" height="100%" usemap="#links" border="0">
</td>
</tr>

<tr>
<td width="50px" height="200px">
</td>

<td width="450px">


<div id="Layer1" style="width:425px; height:210px; z-index:1; overflow:auto; font-family: Verdana; font-size: 12px;color: #FFFFFF">
<P>%%date%% - %%time%%</P>

<P>%%entry%%</P>

</div>

</td>

<td>
</td>
</tr>

<tr>
<td>
</td>

<td>
</td>

<td>
</td>
</tr>
</table>

</td>
</tr>
</table>
</td>
</tr>%%gold_stats%%
</table>

</BODY>
</HTML>
Koyaanisqatsi
June 24, 2007, 00:50
The coordinates you're giving are for the background image itself. The way your code is set up, though, the imagemap is actually an invisible spacer gif that is set to be the size of the table cell it sits in, which is smaller than the background image. Your numbers should be much closer to the ones in the old code.
self biased
June 24, 2007, 01:04
:frowns: i am wholly illiterate when it comes to html.
Koyaanisqatsi
June 24, 2007, 01:16
Subtract 625 from all of your x-coordinates.
self biased
June 24, 2007, 01:29
ah. i think i've got it. i had to eliminate the one set of maps and/or change the map name to the apropriate one. thank you for your help.