The Joomla! Forum ™






Post new topic Reply to topic  [ 4 posts ] 
Author Message
PostPosted: Tue Jan 10, 2012 6:34 pm 
User avatar
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun May 02, 2010 7:03 pm
Posts: 15
Location: Cincinnati, Ohio
This has got to be rather simple and you would think there would be a lot of info about it, but not (or maybe I'm not searching correctly). I'd just like for my logo/header background image to be clickable to home page url.

site in question = http://www.naturetrekphotosafaris.com

Any help appreciated.

Joomla 1.5 using Milky Way template.

Thanks.


Top
 Profile  
 
PostPosted: Tue Jan 10, 2012 8:05 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Nov 04, 2011 6:30 pm
Posts: 410
Location: Stockholm
You can not make the background clickable, you will have to do it another way, like making the image a normal <img...> tag
Maybe you can make a <div..> </div> clickable too. Never tried...

_________________
You want replies? Search the forum. Most questions have been anserd many times. If not; what have you done, what do you want to do, what have you tried? Be clear and explicit!
----
ToolGeeks, handicrafts and tools community: http://www.toolgeeks.net


Top
 Profile  
 
PostPosted: Tue Jan 10, 2012 8:07 pm 
Joomla! Explorer
Joomla! Explorer

Joined: Fri Nov 04, 2011 6:30 pm
Posts: 410
Location: Stockholm
PS and you need to wrap it inside an <a href="/"><img src="...." /></a>

_________________
You want replies? Search the forum. Most questions have been anserd many times. If not; what have you done, what do you want to do, what have you tried? Be clear and explicit!
----
ToolGeeks, handicrafts and tools community: http://www.toolgeeks.net


Top
 Profile  
 
PostPosted: Mon Mar 19, 2012 2:38 am 
Joomla! Explorer
Joomla! Explorer

Joined: Mon Mar 09, 2009 9:54 am
Posts: 459
Location: Dallas, TX
I already tested this solution on your site, so I know 100% it does the job.

Keep in mind that this is only one way to do it.

Another way is like janaf is saying, surrounding the img Element inside the anchor element.

MY SOLUTION

You need first try to locate the HTML markup below inside your index.php.

I believe is in there, but I will never be sure only until I check the template myself

Find this markup.

Code:
<div id="logo"></div>


Changed for this.

Code:
<div id="logo"><a href="http://mysite.com" class="link-logo"></a></div>


Make sure you insert your Link inside http://mysite.com

Finally go to your CSS Style template.css or black.css, either way is fine and then insert this CSS all the way to the bottom will be fine.

Code:
. link-logo {
    display: block;
    height: 100px;
    width: 850px;
}


You can also inserted after this CSS Rule

Code:
div#logo {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 100px;
    left: 0;
    margin-left: 100px;
    margin-top: 10px;
    position: absolute;
    width: 850px;
}


You do not have the required permissions to view the files attached to this post.

_________________
http://cmsteachings.com - Joomla Tips & Tutorials
http://ubrainmedia.com - My Joomla Company

My Joomla Advice is my personal experience. It does not means I am right or wrong. It just means that I work with Joomla in my own way and it works for me.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 



Who is online

Users browsing this forum: No registered users and 5 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group