Joomla Templates Club 406,261 posts

[jasgrif1123 Friend jasgrif1123Join date: April 2009Posts: 37Downloads:0Uploads:0 Thanks: 2]

#144002

I want to insert a facebook icon in the bottom left of my mageia template. However when I insert this in the code the footer ( on the right) also drops down. Whats the easiest way around this? My site is http://www.proskills.ie

I have insert the following in my index.php after the footerwrap

!– BEGIN: FOOTER –>

<div id=”ja-footerwrap” class=”clearfix”>

<div style=”width:130px;float:left;”>Follow us on Facebook:</div> <a title=”Click here to join our facebook group” href=”http://www.facebook.com/photo.php?pid=2512982&id=613332587&ref=nf#/group.php?gid=37627654755″ target=”_blank”>
<img border=”0″ src=”/images/stories/facebook.png” />
</a>

<div id=”ja-footer”>

Also what is the font type used in the Mainmenu?

Thanks
J

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#316724

You could try making it a % width instead of a fixed width

the width for the ja-footer is:
width:77%;

regards
Kiwidesign

[jasgrif1123 Friend jasgrif1123Join date: April 2009Posts: 37Downloads:0Uploads:0 Thanks: 2]

#316799

Kiwidesign,

Thanks for the reply. I tried setting the widt to 15% but I still see the same issue. Any other ideas?

Thanks
J

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#316842

Your div is only containing the text not the a tag and image image


div style="width: 15%; float: left;">Follow us on Facebook:</div>
<a target="_blank" href="http://www.facebook.com/photo.php title="Click here to join our facebook group">
<img border="0" src="/images/stories/facebook.png"/>
</a>


Which part of the right hand footer has droped down? the right hand part looks very similar in layout to my installation of this template.

The font family used in the main menu is: Tahoma,Arial,Helvetica,sans-serif

[jasgrif1123 Friend jasgrif1123Join date: April 2009Posts: 37Downloads:0Uploads:0 Thanks: 2]

#316911

Thanks,

One quick question. Whats the best way to align the test center of the image. I dont watn to use tables.

Thanks
J

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#316970

Hi J

I’m not sure I understand your question sorry.
If you want to center something and aren’t using tables make sure what ever it is that you want to center is contained inside an element (such as a div) which has a defined width then use text-align:center on the thing you want to center-

Cheers

[jasgrif1123 Friend jasgrif1123Join date: April 2009Posts: 37Downloads:0Uploads:0 Thanks: 2]

#317105

I want to align the text “Follow us on Facebook” with the center of the facebook logo. I also want the font to be Tahoma. What do I need to change in the code below?

Thanks
J

<div style=”width:20%;float: left;text-align: center;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:7pt;font-weight: normal”>Follow us on Facebook:<a title=”Click here to join our facebook group” href=”http://www.facebook.com/profile.php?id=599598400&ref=name#/pages/Castletroy-Limerick/ProSkills-Training-Ltd/156638695010″ target=”_blank”>
<img border=”0″ src=”/images/stories/facebook.png” />
</a>
</div>

[Author]

Posts