Creating a link from header image

[Chico]

Hello everybody. Just joined Mambo, lovin' it. :grin:

Most probably being a dumbo, but how do you make the header image become a clickable link to another page? In this case, home.

[Troubadour]

If you've worked with html at all previously - exactly the same way. In the index.php file of your template, put an href tag with the link to your homepage around the img src.

[Chico]

Cheers

[maxa]

Originally Posted by Troubadour

In the index.php file of your template, put an href tag with the link to your homepage around the img src.

The problem is that in many Mambo templates the header image is not a src in the index.php, but a background specified by css.

In my case it looks like this in the index.php:

<td width="100%">
<div id="logo"></div>

and like this in the template_css.css:

div#logo {
background: #0100F1 url(../images/de_logo.jpg) no-repeat;
height: 73px;
}

Could anyone please suggest me how to link this to Home?
/maxa

[Sabine]

Originally Posted by Troubadour

If you've worked with html at all previously - exactly the same way. In the index.php file of your template, put an href tag with the link to your homepage around the img src.

Hi everyone,

I am trying to do exactly this: link the header image of my index page (using rhuk planetfall) to the 'Home' in Main menu.

I should mention that I am only just starting in Dreamweaver and Mambo, so my knowledge of html and php is VERY limited.

I went into my index.php file in Dreamweaver, and I located the following tags, but I'm not that sure they refer to my header.

<td colspan="<?php echo $collspan_offset; ?>" class="header">
<img src="<?php echo $mosConfig_live_site; ?>/templates/rhuk_planetfall/images/spacer.png" width="646" height="9" alt=""/>


Here is one of my problems: supposing the img tag above is the right one, I can't find a 'href' tag anywhere in Dreamweaver to add around it! Not in html (can only find 'hr'), and the PHP tags are called 'expression' and 'scriplet' (???).

Maybe I need to do this from the template's CSS sheet?
There is a reference to the header too in my CSS sheet:

.header {
height: 111px;
background: url(../images/mambo_header.jpg) no-repeat;
}

So, would I need to add another line of code that tells the background image to link to the 'Home' page?

I am yelling a big 'HELP ME': could someone please walk me through what to do, step by step, to add that 'href' tag or write that code (or anything that I need to do to link header to Home?)
PLEASE??!!

[Sabine]

There is a great forum for PHP at phpbuilder.com, and someone helped me to figure out exactly what to do.

The forum has some neat sections like "Newbies" and seems to contain loads of great tips and info.

If anyone needs the exact line of code, this is what I added in Bold, around my existing img tag:
<a href="http://linkto.php"><img src="<?php echo $mosConfig_live_site; ?>/templates/rhuk_planetfall/images/spacer.png" width="646" height="110" alt=""/></a>

I had to adjust the "height" from 9 to 110 to fit exactly around the image.

And it works!

[onestop]

I'd like to be able to place a clickable image in a news item on my front page...

for instance I would like to place a LiveHelp button image in a Newsflash on my front page...that will open my LiveHelp program in a new window?

I've used {mosimage} to place a graphic in a NewsItem. I'd like it to be linkable...adding a mailto: function or opening a new window with my script.