Help us test the new Databridge BETA with MySQLi support

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › Image Resizer › background image using resizer.....

background image using resizer.....

Thread began 6/03/2013 9:40 am by Jamie | Last modified 2/17/2015 11:08 am by Jason Byrnes | 893 views | 4 replies |

6/03/2013 9:40 am | #1 Jamie

background image using resizer.....

Hey Jason

Just wondering how I could set the height/width of the image background in this div tag so that I could use image resizer on it?

<div style="float: left; background-color: #FFFFFF;border-style: none;width: 320px;height: 200px; margin: 20px 20px 0 0;padding: 10px; -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.75);box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.75); background-image:url(images/homepage/<?php echo $row_HomepagePanels['PanelImage']; ?>; background-repeat:no-repeat; background-position: right center;">

If you need to see it in context, its the small images to the right of each of the panels in the main content area: http://clients.motley.co.uk/young/index.php

Thanks

Jamie

6/03/2013 11:41 am | #2 Jason ByrnesWebAssist

image resizer cannot be used on images that are part of the CSS.

Image resizer can only be used on image tags
<img src="path/to/image.jpg" width="160" height="160" />

6/03/2013 3:11 pm | #3 Jamie

Ok thanks Jason

2/15/2015 8:14 pm | #4 localidiot

Is this still the case?

2/17/2015 11:08 am | #5 Jason ByrnesWebAssist

Yes, image resizer needs to use the width and height attributes of the image tag for determining the resize dimensions.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.