Jump to content

Recommended Posts

I have tried for several hours with firebug to understand how to place my graphics (I have this code right now)

<IMG STYLE="position:absolute; TOP:14px; LEFT:20px; ; WIDTH:187px; ; HEIGHT:80px" SRC="http://tinyurl.com/cux3azw/badges.png">

 

The page is http://tinyurl.com/cux3azw and I want to place the badges to the right of my logo.

I think there is different css files overlaping eachother making it to hard for me :/

 

Someone who might be helpfull and point me in the right direction?

Any help would really be appriciated!

Share this post


Link to post
Share on other sites

tdr170: thanks but that makes it 720px from the left and since my page is centered it doesnt get positioned correctly for all users since they may use different resolutions. Understand?

I need something that puts it like 50px to the right of my logo no matter what resolution the visitior has?

Share this post


Link to post
Share on other sites

Try to edit header.tpl and change part around logo to

 

	 <div id="header">
	   <h1 id="logo">
		 <a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
		  <img class="logo" src="{$img_ps_dir}logo.jpg?{$time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
		 </a>
	   </h1>
 <img style="float:left;margin-left:50px; width:187px; ; height:80px" src="http://tinyurl.com/cux3azw/badges.png">
	  {$HOOK_TOP}	
	 </div>
    </div>

 

And remember to enable Force Compile and disable Cache in back office, while making changes to tpl file.

  • Like 1

Share this post


Link to post
Share on other sites

Try to edit header.tpl and change part around logo to

 

	 <div id="header">
	   <h1 id="logo">
		 <a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
		  <img class="logo" src="{$img_ps_dir}logo.jpg?{$time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
		 </a>
	   </h1>
 <img style="float:left;margin-left:50px; width:187px; ; height:80px" src="http://tinyurl.com/cux3azw/badges.png">
	  {$HOOK_TOP}	
	 </div>
	</div>

 

And remember to enable Force Compile and disable Cache in back office, while making changes to tpl file.

 

Absolutely perfect razaro!

Huge thanks!

Share this post


Link to post
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
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More