How to remove the vertical space between images

Hello dear friends :slight_smile:

Could you please help me and explain how to remove the space between linked images, when no “br” or “enter” is typed into the html code? I´m referring to my profile page setting, so if you take a look at it you will understand what I mean.

Thanks in advance!

If your talking about roughly a 3px vertical margin, then add vertical-align: bottom; the your images in CSS

I´m trying to style my Graphicriver profile page, so how can I add CSS there?

Just do inline styling, you will be forgiven this one time :slight_smile: not sure what that is? Google it :slight_smile:

Ok, thanks my friend! I found many usefull links with examples, however the problem is that I don´t know how to combine the styles with my existing img-tags, or where to place them exactly. But I´ll find out…

CipheredDesigns said

Ok, thanks my friend! I found many usefull links with examples, however the problem is that I don´t know how to combine the styles with my existing img-tags, or where to place them exactly. But I´ll find out…

<img src="randomlink.jpg" style="margin: 0px;" /> 

Bear in mind that not all styles will get through since Envato strips the most out.

Thank you Ben :slight_smile:
but I fear, infuse01 is right. I tried out with no results

CipheredDesigns said

Thank you Ben :slight_smile:
but I fear, infuse01 is right. I tried out with no results

Sorry to hear that, what are you trying to achieve if you don’t mind me intruding

try

<p style="line-height: 0px;">

Actually you need to style the wrapping P tag with line-height: 0px; but this isn’t possible anyway since there is no way to put inline-styling into this element.


I'm afraid but you probably should think about something different. Make the "negative" into a "positive" which means - try to use that "space" and make the best of it.
BenSheppard said
CipheredDesigns said

Thank you Ben :slight_smile:
but I fear, infuse01 is right. I tried out with no results

Sorry to hear that, what are you trying to achieve if you don’t mind me intruding

try

<p style="line-height: 0px;">

@Ben: I´m thankful for any help! I´m trying to remove the gap between each of the six item rows at my profile page (the 3d wall with the linked items). I tried

but nothing changed.

Try to wrap them in tables. Envato strips all attributes from tags so any applied style doesn’t have sense

infuse01 said

Actually you need to style the wrapping P tag with line-height: 0px; but this isn’t possible anyway since there is no way to put inline-styling into this element.


I'm afraid but you probably should think about something different. Make the "negative" into a "positive" which means - try to use that "space" and make the best of it.

Yes, I´ll have to think about a new design with less complexity. Thanks for your support, mate!

revaxarts said

Try to wrap them in tables. Envato strips all attributes from tags so any applied style doesn’t have sense

same result here, even with tables :( thanks anyway, revaxarts!

Any solution launched recently ?

I am intrested in this as well, is there any way to remove this margins between images?

+1

Old Topic