Hi everyone,

I have just started learning Dreamweaver and am using Mambo to build a site (knowledge still very limited in both).

On my homepage, I have an image banner, and I want to turn that image into a clickable link to 'Home'.

On the Mambo forums, someone suggested putting a href tag around the img source tag for the header, in the index.php file.

I went into that file, and I located the following tag (am not even sure it is the right tag for 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=""/>

My problem is that in Dreamweaver, I can't find a href tag. In html there is a hr tag, and in PHP there are 'expression' and 'scriplet' tags (whatever they mean!).

My next idea was that I could look for my header image into the CSS sheet for my template.
I found the following thing:

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

But I don't know how to proceed from there either! Do I need to write a line of code that tells the image to link?

So, I am asking a big "please help me":

-can someone tell me step by step what I need to do to link my header image to 'Home'? (whether it is in index.php or in CSS).

-if there is code involved, could someone tell me exactly what it is, and where to place it?

Many thanks!

    just wrap the line in question (your image) in an anchor tag with a href attribute pointing to whereever you want the link to go. eg;

    <a href="linkto.php"><img src="<?php echo $mosConfig_live_site; ?>/templates/rhuk_planetfall/images/spacer.png" width="646" height="9" alt=""/></a>

    to be honest, if you really want to learn this stuff, dreamweaver isn't going to help. it actually codes most things for you (and very poorly at that) and therefore stops you needing to learn.

    try a simple html tutorial. once you undersatnd html, the code that dreamweaver spits out will make allot more sense.

      I included the tag around my img, and it worked! I now have a neat frame around my image that links exactly like I want it to.

      Thanks for walking me through it, and for the html tutorial tip.

        Write a Reply...