Help with a Header

Started by jazz, December 30, 2004, 04:16:31 AM

Previous topic - Next topic

jazz

I'm trying to add a header and a menu bar to match the main site.  There are 2 different tables that I'm trying to add to index.template.php.  The top table with one column and 1 row works just fine.  I'm running into problems with the 2nd one with multipble columns.  Could someone give me an example of where I place the echo tags?

<body>';
echo '
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/top_bk.jpg">
  <tr>
    <td><img src="images/web_top.gif" width="800" height="186"></td>
  </tr>
</table>';
echo '
<table width="100%" border="0" cellspacing="0" cellpadding="0">'
  <tr.
    <td width="5%" background="images/button_bk.jpg"><a href="about.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/about_on.jpg',1)"><img src="images/about_off.jpg" name="Image10" width="92" height="32" border="0"></a></td>
    <td width="6%" background="images/button_bk.jpg"><a href="album.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/album_on.jpg',1)"><img src="images/album_off.jpg" name="Image11" width="95" height="32" border="0"></a></td>
    <td width="6%" background="images/button_bk.jpg"><a href="music.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/songs_on.jpg',1)"><img src="images/songs_off.jpg" name="Image12" width="94" height="32" border="0"></a></td>
    <td width="6%" background="images/button_bk.jpg"><a href="http://fanclub.carmenrasmusen.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/fan_on.jpg',1)"><img src="images/fan_off.jpg" name="Image13" width="96" height="32" border="0"></a></td>
    <td width="2%" background="images/button_bk.jpg"><a href="store.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','images/order_on.jpg',1)"><img src="images/order_off.jpg" name="Image14" width="90" height="32" border="0"></a></td>
    <td width="75%" background="images/button_bk.jpg"><img src="images/button_right2.gif" width="333" height="32"></td>
  </tr>
</table>

// Because of the way width/padding are calculated, we have to tell Internet Explorer 4 and 5 that the content should be 100% wide. (or else it will assume about 108%!)

Jerry

you need to put a '; after
// Because of the way width/padding are calculated, we have to tell Internet Explorer 4 and 5 that the content should be 100% wide. (or else it will assume about 108%!)


- Jerry
Find me on:
Facebook
Twitter
PlanetSMF

"If all you look for is the negative in things, you will never see the positive."

jazz

#2
That didn't do it.  That's part of the original template.  Is the mouse-over causing the problems?

Wouldn't it go after
<td width="75%" background="images/button_bk.jpg"><img src="images/button_right2.gif" width="333" height="32"></td>
  </tr>
</table>

[Unknown]

Yes, it would go right there (after </table>.)  You also need to escape the 's by adding a slash - meaning change ' to \'.

-[Unknown]

jazz

Quote from: [Unknown] on January 02, 2005, 12:23:34 AM
Yes, it would go right there (after </table>.)  You also need to escape the 's by adding a slash - meaning change ' to \'.

-[Unknown]

The 's in the code are there for the mouse-over effect.  I removed the mouse-over effect and it works fine now.  If I add it back with the \ in place of the 's, will the mouse-over work?

Thanks for your help with this.

[Unknown]

It should, yes...

-[Unknown]

Advertisement: