I-Tech Web Design North Wales » CSS

Force scrollbar on short pages

ewanvrooyen — Sat, 20 Aug 2011 10:15:50 +0000

When you have a design that does not fill the full screen you sometimes get the problem where the page seems to shift when you navigate between long and short pages.

This is because of the scroll bar on the right that appears or disappear depending on the length of your scrollbar.

All you have to do is edit your .css file and add the below:

/*Force scroll bar for short pages*/ HTML { overflow-y:scroll; overflow-x:auto; }

Calendar pop-up link position / not showing in Joomla

ewanvrooyen — Mon, 15 Aug 2011 11:02:39 +0000

I Had an issue in IE7, IE8, IE9, IE10 when I click on the calendar icon the calendar does not appear. I then scrolled to the top of the page and there it was.

So the issue in Joomla to view the pop-up calendar when you click on the icon is to edit media/system/js/calendar.js file

Replace:

if(Calendar.is_ie){br.y+=document.body.scrollTop;br.x+=document.body.scrollLeft;}else{br.y+=window.scrollY;br.x+=window.scrollX;}

with:

if(Calendar.is_ie){br.y+=document.body.document.documentElement.scrollTop;br.x+=document.body.document.documentElement.scrollLeft;}

Now my calendar icon links work in IE7, IE8, IE9 and IE10

Nice Social Bookmark – no img width and height attributes

ewanvrooyen — Wed, 20 Apr 2011 13:49:41 +0000

Website producers often include images on their pages badly, creating accessibility issues for visitors and increasing page load times.

It is important to include the width and height attributes in each image tag. The mark-up is valid without a height and width attribute, but it is best practice to include them.

You can include them by adding the width and height attributes to the images in the following file: modules\mod_nice_social_bookmark\mod_nice_social_bookmark.php

Back up first!

The code for the whole file is below:

get('isize');

$iset = $params->get('iset');

$iposition = $params->get('iposition');

$document = JFactory::getDocument();

$opac = $params->get('opac');

if ($opac=="yes"){

 $document->addStyleSheet('modules/mod_nice_social_bookmark/css/nsb-opac.css');

 }

 elseif ($opac=="invert"){$document->addStyleSheet('modules/mod_nice_social_bookmark/css/nsb-opac-inv.css');

 }

 else{$document->addStyleSheet('modules/mod_nice_social_bookmark/css/nsb.css');

 }

$twlink = $params->get('twlink');

$fblink = $params->get('fblink');

$mslink = $params->get('mslink');

$rsslink = $params->get('rsslink');

echo '';
$tt = $params->get('s1', 'yes');
if ($tt == "yes"){ if ($fblink == "")
echo ' ';
else echo ' ';}
$tt = $params->get('s2', 'yes');
if ($tt == "yes"){ if ($mslink == "")
echo ' ';
else echo ' ';}
$tt = $params->get('s3', 'yes');
if ($tt == "yes"){ if ($twlink == "")
echo ' ';
else echo ' ';}
$tt = $params->get('s4', 'yes');
if ($tt == "yes")echo ' ';
$tt = $params->get('s5', 'yes');
if ($tt == "yes")echo ' ';
$tt = $params->get('s6', 'yes');
if ($tt == "yes")echo ' ';
$tt = $params->get('s7', 'yes');
if ($tt == "yes")echo ' ';
$tt = $params->get('s8', 'yes');
if ($tt == "yes"){if ($rsslink == "")
echo ' ';
else echo ' ';}
echo '
';
?>

Hope this help.