How to remove the vertical space between images


#1

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!


#2

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


#3

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


#4

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


#5

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…


#6
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;" /> 

#7

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


#8

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


#9
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;">

#10

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.

#11
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.


#12

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


#13
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!


#14
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!

#15

Any solution launched recently ?