Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Background image truncated

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi - I've added a background image to a custom module and I'm floating some text on top of the image.

Problem is the image is truncated to the depth of the text box, and I want to show the complete image, and centre the text on the depth of the image.

www.swanseainbloom.co.uk

Can anyone help?

Thanks

Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Sorry, I didn't explain that well.

The image is under the words Register today. It is 757 pixels deep, but only the area under the text is showing - the rest is cut off.
I would like to show the whole image, with the text centred on the depth of the image.

Hope that helps,

Thanks

Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Hi Ian,

Sorry still not quite 100% following the image is as wide as the content area

I can see there are problems with the register input as it has a fixed width which is a problem on a mobile e.g 500px
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
With it being a background image the image will resize like this - if it didn't you would lose height and width in proportion to the size reduction

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That makes sense Paul - thanks for getting back to me.
I started off trying to float text above an image using z-index, without success.
How would I do that in a module - if it's possible?

Thanks again,

Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Hi Ian,

The problem I see is the image will not cover underneath the input as it resizes

Have you factored that in?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'm aware of the problem with the register - I just wanted to get the link in. working on two sites at once here, always a mistake.

Paul - as you're there, I have a more pressing challenge on another site. Could you possible take a look at it for me now? I'll get back to this one in a minute...

Thanks

Ian

(Sorry to be a pain!)
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Hi Ian,

Create a new thread and I will take a look at it

I'm about to lie down for a bit as a bit under the weather but will look after that

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul - sorry to hear you're down. It's that time of year!

I'll start a new thread...

Thanks again,

Ian
  • ianpanorton's Avatar
  • ianpanorton
  • 6 Month Developer
  • 1258 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Yes can't wait for the sun to arrive :)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers