Docs

[Christopher]

Hi there,

Please add style="margin-bottom:0;" attribute to img tag.

e.g:

<img class="my-image x-img x-img-none none" style="margin-bottom:0;" src="http://www.sub.ihrwiderruf.de/wp-content/uploads/2016/09/Gussmann_GBK_Fachanwaelte_Rechtsanwaelte_steuerrecht-e1476271862270.jpg" style="float: left; margin-right: 27px; clear: both;">

Hope it helps.

[alamtfuerwerbung]

I like !!!
So coming closer to the perfect solution.
I set the css to max width 920px, so if browser is smaller the image is fullwidth and the list is not longer wrapping around the image. But the image is to big. http://ctrlv.in/874686
If I reduze the width, the list is wrapping around the picture.
I want to have the picture always in the same small size.

At the moment, if you reduze the browser window smaller than 722px it looks like this
http://ctrlv.in/874687

Is it possible to have a full width feel, with just white space beside the picture. The list should be still under the image if window is smaller than 920px. Little image top left, white space right to the image. List starts under the image.

Thx
Andre

[Rad]

Hi there,

You can try something like this,

@media (max-width: 920px) ...
.my-image {
    width: 100%;
    max-width: 250px;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    display: block !important;
}
...

Cheers!

[alamtfuerwerbung]

Hey,
thx, but it´s still way to big in mobile mode, cause image is fullwidth.
http://ctrlv.in/875181 – that´s it at the moment.
http://ctrlv.in/875183 – that is what I want.

Thx
Andre

[Christopher]

Hi there,

Please update following code :

@media (max-width: 920px){
.my-image {
    width: 100%; 
    max-width: 250%; 
    margin: 0 auto !important; 
    float: none !important;
    clear: both !important;
    display: block !important;
}

To :

.my-image {
    float: none !important;
    clear: both !important;
    display: block !important;
}

@media (min-width: 920px){
.my-image {
    width: 100%; 
    max-width: 250%; 
    margin: 0 auto !important;

}
}

Hope it helps.

[alamtfuerwerbung]

Ok this is perfect for mobile mode and when browser is smaller than 920px. TOP!
But if browser is bigger than 920px I need it as it was before.
http://ctrlv.in/873779

With wrapping text right to the image etc.

If we solve that last detail we´re finished with that topic.

Thx
Andre

[Christopher]

Hi there,

Please update following code :

@media (min-width: 920px){
.my-image {
    width: 100%; 
    max-width: 250%; 
    margin: 0 auto !important;

}
}

To :

@media (min-width: 920px){
.my-image {
    float:left !important;

}
}

Hope it helps.

[alamtfuerwerbung]

PERFECT!!!
Thx for patience!

Abdre

[Paul R]

You’re welcome! 🙂

[Author]

Posts