Results 1 to 2 of 2

Thread: Need help combining a logo image with a header image.

  1. #1
    Join Date
    Jan 2007
    Location
    Saint Petersburg, FL USA
    Posts
    3

    Unhappy Need help combining a logo image with a header image.

    I have two image one is a header and the over is the logo when the user hovers over the logo on the left side it will take them to home page. The problem is the logo has words and is long in height than the header. The words on the logo continue on the header. I am trying to combine then put having no luck.


    How do i combine the two, and place the naviagtion under the header?

    Link: http://carpartwarehouse.co.uk/design/default.htm


    <div id="header">
    <table>
    <tr>
    <td align="right" style="padding: 0px 0px 0px 0xp; margin: 0px 0px 0px 0px; vertical-align: top;
    height: 143px; width: 120px; text-align: right;">
    <a href="../default.asp" style="border: none;">
    <img src="../images/header/logo.jpg" style="width: 120; height: 143; border: none;"
    id="logo" alt="Logo" title="Logo" /></a>
    </td>
    <td align="left" style="padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: top;
    height: 116px; width: 391px; text-align: left;">
    <img src="../images/header/hdr_header.jpg" style="width: 391; height: 116; border: none;"
    id="hdrheader" alt="Header" title="Header" />
    <div id="Div1">
    <!--START TOP MENU -->
    <!--#include file="editor/horonavbar.html"-->
    <!--END TOP MENU -->
    <div class="cb">
    &nbsp;</div>
    </div>
    </td>
    <td class="headerlinks" style="width: 500px">
    <%NavigateShowMiniCartRight "short"%>
    </td>
    </tr>
    </table>
    <div class="cb">
    &nbsp;</div>
    </div>

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    You could combine the two images using a graphics program like Irfanview (free) or Photoshop, then make an image map which uses coordinates to create a link over part of the image.

    See http://www.wickham43.net/imagemaps.php items 1 and 2a.

    You would need to create a transparent gif for item 2a.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Aligning Header background Image
    By Magicjax in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 16 Dec 2008, 03:37 PM
  2. Help With Image Map With Rollovers and More
    By porphyrins in forum General Questions
    Replies: 1
    Last Post: 03 Dec 2008, 02:57 AM
  3. logo image not shown: PHP include relative root path?
    By web88js in forum Client & Server Side Scripting (PHP, ASP, JavaScript)
    Replies: 0
    Last Post: 04 Oct 2007, 05:36 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •