code for 2 jpgs in header

18 Aug 2007, 7:17 PM

#1

iiichronicles

New Zenner

Join Date:: Aug 2007
Posts:: 5
Plugin Contributions:: 0

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

18 Aug 2007, 7:55 PM

#2

bekahruth

Zen Follower

Join Date:: Feb 2007
Posts:: 101
Plugin Contributions:: 0

Re: code for 2 jpgs in header

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

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.

19 Aug 2007, 3:57 AM

#3

iiichronicles

New Zenner

Join Date:: Aug 2007
Posts:: 5
Plugin Contributions:: 0

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!

19 Aug 2007, 5:55 AM

#4

bekahruth

Zen Follower

Join Date:: Feb 2007
Posts:: 101
Plugin Contributions:: 0

Re: code for 2 jpgs in header

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

19 Aug 2007, 1:50 PM

#5

iiichronicles

New Zenner

Join Date:: Aug 2007
Posts:: 5
Plugin Contributions:: 0

Re: code for 2 jpgs in header

here it is:

<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!

20 Aug 2007, 5:28 AM

#6

bekahruth

Zen Follower

Join Date:: Feb 2007
Posts:: 101
Plugin Contributions:: 0

Re: code for 2 jpgs in header

Try this:

<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">

20 Aug 2007, 2:48 PM

#7

iiichronicles

New Zenner

Join Date:: Aug 2007
Posts:: 5
Plugin Contributions:: 0

Re: code for 2 jpgs in header

Bingo! Great Job!

Very much appreciated!!