CSS position problem

[prestalearn]

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!

[tdr170]

Just change the left:20 to left:720 and see if that helps.

[prestalearn]

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?

[razaro]

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.

[prestalearn]

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!