[Solved] [How to Fix] Unwanted space between elements  


0

[Chaturbate Fix]

If you played with markup codes or simple image codes added on your Bio page, upon saving you've notice a gap, an empty space between the top and followed element.

It can be two images or two paragraphs one below the other and that empty space kind of brakes the design.

In this case, in order to remove the empty spaces simply edit your current code.

For example... two images.

<img src="https://editbio.files.wordpress.com/2016/11/header_01.jpg"/>

<img src="https://editbio.files.wordpress.com/2016/11/premium_plan.jpg"/>

Chaturbate platform will render the empty line between top and bottom images like a brake line, a space.

To fix that, there are two options which can be used.

First one is editing the source code and remove the empty line. The above code should look like this:

<img src="https://editbio.files.wordpress.com/2016/11/header_01.jpg"/><img src="https://editbio.files.wordpress.com/2016/11/premium_plan.jpg"/>

Don't worry about alignment, if the images are big enough, the browser will render them in a column if not (and no other css styling is applied), the browser will render as row / in line.

The second option is by adding css markup attributes. By default, images are considered and rendered as blocks but we suggest using and adding this attribute to the css inline style because it allows more flexibility.

<img src="https://editbio.files.wordpress.com/2016/11/header_01.jpg" style="display:block;width:90%;height:auto;margin:10px auto -10px auto;"/>
<img src="https://editbio.files.wordpress.com/2016/11/premium_plan.jpg" style="display:block;width:auto;height:auto;margin:-10px auto 10px auto;"/>

It depends on how your design looks like, positioning and other factors to establish the best solution of the attributes used by the inline css.

Edited: 11 months  ago

Dan N - Camgirl Live Editor - Profile

 
  
Working

Please Login or Register