1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Joomla Footer help for noooobie

Discussion in 'Web Design & Development' started by BTex, Jan 25, 2013.

Thread Status:
Not open for further replies.
Advertisement
  1. BTex

    BTex Thread Starter

    Joined:
    May 10, 2002
    Messages:
    564
    The below line is in the footer of a site I built. I would like to add an image as well and set size to 20x20

    echo '<a href="mailto:[email protected]?subject=Web Desigh">by Rockin R Technologies</a>';

    I have uploaded the image to the below file location on the site

    /images/r_white.png

    let me know if you can help and if you need any more info???

    Thanks
     
  2. JiminSA

    JiminSA

    Joined:
    Dec 15, 2011
    Messages:
    3,326
    First Name:
    Jim
    Hi BTex!
    Just change
    PHP:
    echo '<a href="mailto:[email protected]?subject=Web Desigh">by Rockin R Technologies</a>';
    to read
    PHP:
    echo '<a href="mailto:[email protected]?subject=Web Desigh"><img src="/images/r_white.png" width="20px" height="20px" alt="r_white.png" > by Rockin R Technologies</a>';
    ...it's that simple:)
     
  3. JiminSA

    JiminSA

    Joined:
    Dec 15, 2011
    Messages:
    3,326
    First Name:
    Jim
    Just as a post-reply (excuse the unintentional pun) tip, you might want to vertically align your small image with the text?
    simply add
    HTML:
    vertical-align="middle"
    after the alt tag but before the > close character.
    Where "middle" can be changed to "top" or "bottom" ...:)
    W3schools is a website aimed at beginners and old hands, alike - and well worth a look-see...:)
     
  4. BTex

    BTex Thread Starter

    Joined:
    May 10, 2002
    Messages:
    564
    thank you a bunch!!!
     
  5. BTex

    BTex Thread Starter

    Joined:
    May 10, 2002
    Messages:
    564
    ok I added this line and things went bad.. hosed up my template.. I know its something simple that i have a squiggle in the wrong place or a space??

    echo '<a href="mailto:[email protected]?subject=Web Desigh"> by Rockin R Technologies<img src="/images/r_white.png" width="18px" height="20px" alt="r_white.png "vertical-align="middle"></a>';
     
  6. JiminSA

    JiminSA

    Joined:
    Dec 15, 2011
    Messages:
    3,326
    First Name:
    Jim
    Sorry, my bad - try this - put the following in your html head section
    HTML:
    <style>
    img.top {vertical-align:text-top;}
    img.bottom {vertical-align:text-bottom;}
    img.middle {vertical-align:text-middle;}
    </style>
    and change your html line thus
    HTML:
    echo '<a href="mailto:[email protected]?subject=Web Desigh"> by Rockin R Technologies <img class="top" src="./images/r_white.png" width="18px" height="20px" alt="r_white.png"></a>';
    I omitted a . in the relative url for the image and completely blew the alignment thingy:eek: it can only be effective using a css stylesheet format - not the inline styling I improvised.:eek::eek:
     
  7. BTex

    BTex Thread Starter

    Joined:
    May 10, 2002
    Messages:
    564
    Are you talking about here?


    PHP:
    <?php
    $who = strtolower($_SERVER['HTTP_USER_AGENT']);
    /*======================================================================*\
    || #################################################################### ||
    || # License: GNU/GPL http://www.gnu.org/copyleft/gpl.html ||
    || # ---------------------------------------------------------------- # ||
    || # Copyright: (C) Since 2006 Youjoomla LLC. All Rights Reserved. ||
    || # Author: Youjoomla LLC ||
    || # Website: www.youjoomla.com ||
    || #################################################################### ||
    \*======================================================================*/

    defined( '_JEXEC' ) or die( 'Restricted index access' );
    define( 'TEMPLATEPATH', dirname(__FILE__) );
    require( TEMPLATEPATH.DS."settings.php");
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    <head>
    <jdoc:include type="head" />
    <?php JHTML::_('behavior.mootools'); ?>
    <link href="<?php echo $yj_site ?>/css/template.<?php echo $cssextens; ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo $yj_site ?>/css/<?php echo $css_file; ?>.<?php echo $cssextens; ?>" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="<?php echo $yj_site ?>/favicon.ico" />
    <?php require( TEMPLATEPATH.DS."head.php");?>
    </head>
     
  8. JiminSA

    JiminSA

    Joined:
    Dec 15, 2011
    Messages:
    3,326
    First Name:
    Jim
    yup - just before the </head> will do nicely...
     
  9. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1086771

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice