[SOLVED] Move logo from right to left.

[FelixJ]

Hello

I have modified the header a bit to give space for the logo. The problem I got though is that the logo is placed at the right side. How can I place the logo to the left side?

Here is the image link I put in the header.tpl:

<a href="{$my_base_url}{$my_pligg_base}" ><img src="{$my_pligg_base}/templates/{$the_template}/images/logo.png" width="234" height="79" style="position: absolute; top: 0; padding-left: 0px; " ></a>

and here is the main.css code:

#header {margin:0px 0px 10px 0px; padding-left: 0px; padding-top: 75px; }

Can I just change the image link somehow to fix this or do I have to add something in the main.css code?


Here's a link to the site: CS-Tube.com - Resources / Published News

Thanks alot!

[Yankidank]

Since it's all the way at the top you might be able to add the css float:left; . That might toss it outside of the wrapper though and not keep it within the normal width.

I can think of alot of solutions for this one. I would remove the styling from the first bit of code and deal with all the styling from the css file.

[FelixJ]

Originally Posted by Yankidank

Since it's all the way at the top you might be able to add the css float:left; . That might toss it outside of the wrapper though and not keep it within the normal width.

I can think of alot of solutions for this one. I would remove the styling from the first bit of code and deal with all the styling from the css file.

Hello Yankidank

Thanks for the reply.

I am not sure about the structure of the css or the link image code that needs. I tried a little without getting it working. Would appreciate if you or someone else could give me a example code of both the css and the image link that can maybe work.

Thanks

[Andtony]

Take the logo out of the < ul class="search2" >-tag in header.tpl. Place the img-tag above the ul-tag.

And if you want to use that position: absolute in the img change it to look something like this:

style="position: absolute;left: 0;top: 0; ...

[FelixJ]

Originally Posted by Andtony

Take the logo out of the < ul class="search2" >-tag in header.tpl. Place the img-tag above the ul-tag.

And if you want to use that position: absolute in the img change it to look something like this:

style="position: absolute;left: 0;top: 0; ...

Thanks Andtony

Now I got it placed at the left side :)