Jump to content

Background image over three cells


kurt.santo
 Share

Recommended Posts

Here it comes (still lots to be filled out, but structure will stay the same)...

<table cellspacing="0" cellpadding="0"><tr><td class="logo"><a href="../index.htm" target="_self"><img src="../topNav/logo.jpg" width="120" height="42" /></a></td><td class="spacerHor"></td><td class="home"><a href="../index.htm" target="_self"><img src="../topNav/home.gif" width="120" height="42" /></a></td><td class="spacerHor"></td><td class="about"><a href="../about.htm" target="_self"><img src="../topNav/about.gif" width="120" height="42" /></a></td><td class="spacerHor"></td><td class="ranges"><a href="../ranges.php" target="_self"><img src="../topNav/furniture.gif" width="120" height="42" /></a></td><td class="spacerHor"></td><td class="news"><a href="../news.htm" target="_self"><img src="../topNav/news.gif" width="120" height="42" /></a></td><td class="spacerHor"></td><td class="help"><a href="../help.htm" target="_self"><img src="../topNav/help.gif" width="120" height="42" /></a></td></tr><!-- TemplateBeginEditable name="topEdit" --><tr id="marker">  <td> </td>  <td> </td>  <td class="home"> </td>  <td> </td>  <td> </td>  <td> </td>  <td> </td>  <td> </td>  <td> </td>  <td> </td>  <td> </td></tr><tr>  <td class="homeLine"></td>  <td></td>  <td colspan="9" class="homeLine"></td></tr><tr>  <td class="breadcrumb"> </td>  <td> </td>  <td colspan="9" class="breadcrumb"></td></tr><tr>  <td class="homeLine"></td>  <td></td>  <td colspan="9" class="homeLine"></td></tr><!-- TemplateEndEditable --><tr><td class="spacerVert"></td><td></td><td colspan="9"></td></tr><tr><td class="catalogue"><a href="../catalogue.htm">Request Catalogue</a></td><td> </td><td colspan="9" class="catalogue">To order please call us</td></tr><tr><td class="spacerVert"></td><td></td><td colspan="9"></td></tr><!-- TemplateBeginEditable name="mainEdit" --><tr>  <td><ul>    <li class="select"><a href="ranges.htm">Furniture By Range</a></li>    <li><a href="../Product.htm">Shanghai</a></li>    <li>Boston</li>    <li>Brighton</li>    <li>Toulouse</li>    <li>Beijing</li>  </ul>      <ul>        <li class="select">Furniture by Room</li>        <li>Living Room</li>        <li>Dining Room</li>        <li>Bedroom</li>        <li>Hall</li>        <li>Office</li>      </ul></td>  [b]<td class="spacerHor"> </td>  <td colspan="5"> </td><tdnbsp;</td><td colspan="3"> </td>[/b]  </tr><tr>  <td colspan="9" class="spacerVert"></td></tr><tr>  <td colspan="11" class="homeLine"></td></tr><!-- TemplateEndEditable --><tr><td class="footer">to come</td><td> </td><td colspan="9" class="footer">to come</td></tr></table>

The bold bit is where the bg pic should go...KurtBy the way, real_illusions, great picture!!!

Link to comment
Share on other sites

By the way, real_illusions, great picture!!!
you mean my avatar? :)Anyway..in your code you have a typoIn the bold bityou have<td class="spacerHor"> </td><td colspan="5"> </td><tdnbsp;</td><td colspan="3"> </td>You missed out '>' on the td before the &ndsp; (where you also missed the &).On the tr that all these td's are in, i've stuck a bgcolor in to see what would happen and where a bgimage would go if i stuck one in. It covered all the list, but not much else, partly because the other td's are empty.Try that, is that what your after?
Link to comment
Share on other sites

you mean my avatar? :)Anyway..in your code you have a typoIn the bold bityou have<td class="spacerHor"> </td><td colspan="5"> </td><tdnbsp;</td><td colspan="3"> </td>You missed out '>' on the td before the &ndsp; (where you also missed the &).On the tr that all these td's are in, i've stuck a bgcolor in to see what would happen and where a bgimage would go if i stuck one in. It covered all the list, but not much else, partly because the other td's are empty.Try that, is that what your after?
Yeah, big typo. When I copied I adjusted sth (obviously incorrectly) to incorporate a change... I have cells of 120px/20px/120px/20px and so on... It is just that I would like not to show the bg pic on nav bar or the empty cell next to it (but in all other cells in that row)...Kurt
Link to comment
Share on other sites

Probably best to split the image into 2 and then split it between the 2 td's..or..you can rewrite the whole thing using div's, which can probably give you the answer your looking for without splitting the image into 2.:)
yes, I am still clinging on to my old tables. I know... Will certainly change that soon...Your avatar really gives me a giggle. Great look!Kurt
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...