Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #27060

    Hello together,

    i want to resize a bigger background-image. is there any way without background-size?

    <table border="0" cellspacing="0" cellpadding="0" style="width:21cm;margin:0;padding:0">
    <tr>
    <td class="background" style="padding-top:1.3cm;padding-left:1.3cm;vertical-align:top;height:8.1cm;width:21cm"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><img alt="Image from the forum topic: background-image resize" src="logo.png" style="width:3.5cm" /></td>
    </tr>
    <tr>
    <td style="padding-top:1cm;vertical-align:top;font-family:Arial,Helvetica,sans-serif;font-size:0.7cm;line-height:0.9cm;color:#ffffff;text-align:left;text-transform:uppercase">Calculator Result</td>
    </tr>
    </table></td>
    </tr>
    </table>

    CSS

    .background
    {
    position: inherit;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: #fff;
    background-image: url(header.jpg) no-repeat center center;
    width: 21cm;
    height: 8.1cm;
    } 

    Thank you!
    Greetings Stefan

    #29856

    PD4ML supports some proprietary CSS properties for the case:

    background-repeat: scale-x
    background-repeat: scale-y
    background-repeat: scale-xy

    They intended to shrink/stretch a background image to fit a containing block element.

    #29857

    Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)

The forum ‘HTML/CSS rendering issues’ is closed to new topics and replies.