WordPress.org

Ready to get started?Download WordPress

Forums

Custom Nav Bar as Sliced Image (2 posts)

  1. wilef
    Member
    Posted 6 years ago #

    My blog (a webcomic using WordPress with ComicPress) needs a nice image to be used to navigate the comics. We made an image with first, previous, next, and latest buttons on it. I tried using hotspots on the image in conjunction with the php functions previous_post() and next_post() but had no luck.

    I figured it would be easier to just slice up the image and associate the correct image with the functions. Unfortunately I'm still having trouble, maybe because the images are inside a table?

    Here's what I see when I implement this: http://www.2pstart.com/images/navprob.JPG

    As you can see, the two images that I linked to the php functions just don't show up, and there are no links at all associated with the images. Here's the code I placed in the header.php file after the comic image:

    <table align="center" border="0" cellpadding="0" cellspacing="0" width="374">
    <!-- fwtable fwsrc="Untitled" fwbase="navbar1.jpg" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
      <tr>
       <td><img src="../../../../images/navbar/spacer.gif" width="13" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="40" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="17" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="109" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="17" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="108" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="19" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="40" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="11" height="1" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="1" height="1" border="0" alt=""></td>
      </tr>
    
      <tr>
       <td rowspan="2" colspan="3"><img name="navbar1_r1_c1" src="../../../../images/navbar/navbar1_r1_c1.jpg" width="70" height="16" border="0" alt=""></td>
       <td colspan="3"><img name="navbar1_r1_c4" src="../../../../images/navbar/navbar1_r1_c4.jpg" width="234" height="6" border="0" alt=""></td>
       <td rowspan="3"><img name="navbar1_r1_c7" src="../../../../images/navbar/navbar1_r1_c7.jpg" width="19" height="50" border="0" alt=""></td>
       <td rowspan="2" colspan="2"><img name="navbar1_r1_c8" src="../../../../images/navbar/navbar1_r1_c8.jpg" width="51" height="16" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="1" height="6" border="0" alt=""></td>
      </tr>
      <tr>
       <td rowspan="2"><?php echo previous_post('%','<img name="navbar1_r2_c4" src="../../../../images/navbar/navbar1_r2_c4.jpg" width="109" height="44" border="0" alt="">','no','no','1',$blogcat); ?></td>
       <td rowspan="2"><img name="navbar1_r2_c5" src="../../../../images/navbar/navbar1_r2_c5.jpg" width="17" height="44" border="0" alt=""></td>
       <td rowspan="2"><?php echo next_post('%','<img name="navbar1_r2_c6" src="../../../../images/navbar/navbar1_r2_c6.jpg" width="108" height="44" border="0" alt="">','no','no','1',$blogcat); ?></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="1" height="10" border="0" alt=""></td>
      </tr>
      <tr>
       <td><img name="navbar1_r3_c1" src="../../../../images/navbar/navbar1_r3_c1.jpg" width="13" height="34" border="0" alt=""></td>
       <td><img name="navbar1_r3_c2" src="../../../../images/navbar/navbar1_r3_c2.jpg" width="40" height="34" border="0" alt=""></td>
       <td><img name="navbar1_r3_c3" src="../../../../images/navbar/navbar1_r3_c3.jpg" width="17" height="34" border="0" alt=""></td>
       <td><img name="navbar1_r3_c8" src="../../../../images/navbar/navbar1_r3_c8.jpg" width="40" height="34" border="0" alt=""></td>
       <td><img name="navbar1_r3_c9" src="../../../../images/navbar/navbar1_r3_c9.jpg" width="11" height="34" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="1" height="34" border="0" alt=""></td>
      </tr>
      <tr>
       <td colspan="9"><img name="navbar1_r4_c1" src="../../../../images/navbar/navbar1_r4_c1.jpg" width="374" height="39" border="0" alt=""></td>
       <td><img src="../../../../images/navbar/spacer.gif" width="1" height="39" border="0" alt=""></td>
      </tr>
    </table>

    Anyone know what I'm doing wrong?

  2. wilef
    Member
    Posted 6 years ago #

    anyone?

Topic Closed

This topic has been closed to new replies.

About this Topic