i am attempting to modify a Joomla template to produce a link from a precise 'div' around the index.php page and am not getting any luck. within the original source, there is an an item, 'bglogo' the industry static .digital, along with a separate area there that contained the hyperlink. i eliminated the separate area, and would now like to make bglogo a hyperlink. i can not learn how to do that, the php code is below and also the web page is tagalong.in (bglogo being the look within the top right corner of the title tag)

<div id="entries">
    <jdoc:include type="modules" name="content-top-a" style="xhtml" />
    <jdoc:include type="message" />
    <jdoc:include type="component" />
    <div class="clr"></div>
    <jdoc:include type="modules" name="content-bottom-a" style="xhtml" />

<div id="sidebar">

    <!-- logo about etc here -->
    <div class="bglogo">
        <a href= "http:www.meetup.com/tag-along" > </a>

    <!-- menu -->
    <?php if( $this->countModules('sidebar-a') ) { ?>
    <div id="sidebartop">
        <jdoc:include type="modules" name="sidebar-a" style="xhtml" />
    <?php } ?>

    <?php if( $this->countModules('sidebar-b') ) { ?>
    <div id="sidebarright">
        <jdoc:include type="modules" name="sidebar-b" style="xhtml" />
    <?php } ?>

    <div id="sidebarleft">
        <?php if( $this->countModules('sidebar-c') ) { ?>
        <jdoc:include type="modules" name="sidebar-c" style="xhtml" />
        <?php } ?>
        <?php echo '<h3>Copyright</h3>'.$copyright . $warningerrorx; ?>


I'm really less than sure what you're saying, but when you would like your image to displayed inside a link it can be done such as this:

    <a href="http://www.meetup.com/tag-along"><img src="your/path/blogo.jpg"/></a>

Okay I see where you stand going.

You will have to add http the colon and 2 forward slashes to the start of the hyperlink. (needed to describe it this way because they get removed - according to my original comment).

The hyperlink exists already - but is not within it - since the image is really a background image around the div. What you ought to do is create some css which will apply simply to the hyperlink inside the div using the class of bglogo. This will then obtain a width and height therefore it overlays your background image.

Since the parent bglogo div has already been the best height and width I'd suggest width: 100% and height:100%. Remember that links are usually inline elements and do not normally have a height or width. Therefore we should also tell the anchor (link) some thing just like a block level element.

Altogether that provides us:

.bglogo a{display:block; width: 100%; height:100%;}