Results 1 to 7 of 7
  1. #1
    Join Date
    Aug 2007
    Posts
    5
    Plugin Contributions
    0

    Default code for 2 jpgs in header

    Hello,

    I need to use 2 jpgs in my header, I've changed this code in the stylesheet.css to be..

    #logoWrapper {
    width:760px;
    height:110px;
    background-image:url(../images/my_header_image.jpg);
    background-repeat:no-repeat;
    }

    but I need to put a 2nd jpg right next to it..

    THanks much for any help

  2. #2
    Join Date
    Feb 2007
    Posts
    104
    Plugin Contributions
    0

    Default Re: code for 2 jpgs in header

    I think you need to put the images in the tpl_header.php file. Try entering

    <img src="http://../images/my_header_image.jpg"/>
    <img src="http://../images/my_header_image_2.jpg"/>

    after the <div id="logoWrapper"> in the tpl_header.php file

    Sorry, I'm new at this, so not sure if I did the code right.

  3. #3
    Join Date
    Aug 2007
    Posts
    5
    Plugin Contributions
    0

    Default Re: code for 2 jpgs in header

    Thanks BekahRuth! That helped a lot! I added some width and height numbers and now I have the two images side by side as needed... I do, however have a white line between them that adjusting the width numbes doesn't take care of, any ideas ??

    THanks again!

  4. #4
    Join Date
    Feb 2007
    Posts
    104
    Plugin Contributions
    0

    Default Re: code for 2 jpgs in header

    could you post the code here that is in your tpl_header file?

  5. #5
    Join Date
    Aug 2007
    Posts
    5
    Plugin Contributions
    0

    Default Re: code for 2 jpgs in header

    here it is:

    <!--bof-branding display-->
    <div id="logoWrapper">
    <img src="includes/templates/SAYSOCCER/images/pb_image2929.jpg" width="500" height="125" />
    <img src="includes/templates/SAYSOCCER/images/pb_image292929.jpg" width="255" height="125" />
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
    <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">

    Thanks!

  6. #6
    Join Date
    Feb 2007
    Posts
    104
    Plugin Contributions
    0

    Default Re: code for 2 jpgs in header

    Try this:

    <!--bof-branding display-->
    <div id="logoWrapper">
    <img src="includes/templates/SAYSOCCER/images/pb_image2929.jpg" width="500" height="125" /><img src="includes/templates/SAYSOCCER/images/pb_image292929.jpg" width="255" height="125" />
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
    <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">

  7. #7
    Join Date
    Aug 2007
    Posts
    5
    Plugin Contributions
    0

    Default Re: code for 2 jpgs in header

    Bingo! Great Job!

    Very much appreciated!!

 

 

Similar Threads

  1. v139h Some .gifs, .pngs and .jpgs show pixelated
    By jcrewe in forum General Questions
    Replies: 11
    Last Post: 29 Jan 2012, 02:58 AM
  2. Where to place code for navigation header?
    By jasonhoward64 in forum Basic Configuration
    Replies: 1
    Last Post: 1 Nov 2009, 12:28 AM
  3. CSS code specific for my header
    By shadswill in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 9 Jul 2009, 04:49 AM
  4. overriding header code for the enlarge image pages
    By orfeus123 in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 30 May 2009, 08:03 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
  •  
disjunctive-egg