SimplePortal

Customization => Themes and Graphics => Topic started by: ehsizzup on August 31, 2010, 12:33:19 PM

Title: Image Only Block without scroll bars
Post by: ehsizzup on August 31, 2010, 12:33:19 PM

Hello all!

I'd like to add blocks with hyperlinked images in my right side SP column.

I can't seem to make both FF and IE display the image only with no scroll bars.  My column is 220px and the images are all 220 or less.   Making the images smaller is not an option.  FF works until you click the image, then you get the scroll bars.  IE shows the scroll bars all the time.

How can I make these scroll bars disappear in both IE and FF?  See the issue in action at www.livecallir.com.  The image in question is the green "Click Here to Register" on the right side.

Current HTML Code

Code: [Select]

<a href="http://www.livecallir.com/index.php?action=register">
<img border="0" src="http://www.livecallir.com/i/clicktoreg.png" style="margin: 0" width="218" height="52"></a> 

Current BBC Code

Code: [Select]

[url=http://www.livecallir.com/index.php?action=register][img]http://www.livecallir.com/i/clicktoreg.png[/img][/url]
Plus

Code: [Select]

padding: 0 0 0 0;
in the "Custom Body Style"

Title: Re: Image Only Block without scroll bars
Post by: Nick on August 31, 2010, 01:22:30 PM

Change

Code: [Select]

<a href="http://www.livecallir.com/index.php?action=register">
<img border="0" src="http://www.livecallir.com/i/clicktoreg.png" style="margin: 0" width="218" height="52"></a>
to

Code: [Select]

<a href="http://www.livecallir.com/index.php?action=register">
<img border="0" src="http://www.livecallir.com/i/clicktoreg.png" style="margin: 0" width="100%" height="52"></a>

Title: Re: Image Only Block without scroll bars
Post by: ehsizzup on August 31, 2010, 02:01:23 PM

FF now resizes image to fit within scroll bars.

IE fixed horizontal scroll bar but left vertical.

Title: Re: Image Only Block without scroll bars
Post by: ehsizzup on August 31, 2010, 02:14:23 PM

Solution:

Used

Code: [Select]

<a href="http://www.livecallir.com/index.php?action=register">
<img border="0" src="http://www.livecallir.com/i/clicktoreg.png" style="margin: 0" width="100%" height="52"></a>
and

Code: [Select]

overflow: hidden; padding: 0 0 0 0;
in the Custom Body Style.

Title: Re: Image Only Block without scroll bars
Post by: ehsizzup on August 31, 2010, 02:39:02 PM

I don't know if the code gods would approve, but it works.

Title: Re: Image Only Block without scroll bars
Post by: ehsizzup on September 07, 2010, 05:39:45 PM

I dont believe the auto works in all browsers.

That's what started this adventure in the first place.