The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Picture over lapping - help

View previous topic View next topic Go down

Solved Picture over lapping - help

Post by DK on May 4th 2014, 4:42 pm

My picture for the " New posts " and " No new poste " are over lapping my forum text title

Is there some sort of CSS that can fix this? Help please.


Last edited by DK on May 4th 2014, 7:29 pm; edited 1 time in total

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Picture over lapping - help

Post by J0k3R^ on May 4th 2014, 4:49 pm

i moved the forumtitle and the description to right in my forum bywrapping them in div classes. now, i can tell u how to do that but if u dont like this way, u should way for a better answer Very Happy

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Picture over lapping - help

Post by DK on May 4th 2014, 4:52 pm

I'm not good with CSS so I have no idea what you said :c

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Picture over lapping - help

Post by J0k3R^ on May 4th 2014, 4:59 pm

Well, im not sure about this since u r using invision but try it if u wantRazz
go to templates → index_box
find{catrow.forumrow.FORUM_DESC}
and make it like this:
Code:
<div class=wdithicon">{catrow.forumrow.FORUM_DESC}
</div>
save and publish.
then go to css and put this:
Code:
.widthicon {
width: 32px;
}

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Picture over lapping - help

Post by DK on May 4th 2014, 5:15 pm

Invision doesn't have templates that I can modify

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Picture over lapping - help

Post by J0k3R^ on May 4th 2014, 5:19 pm

okey sorry i didnt know that
try this css instead:
Code:
table.ipbtable img.icon {
float: left;
width: 33px;
}

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Picture over lapping - help

Post by Pizza Boi on May 4th 2014, 6:13 pm

Hi Very Happy

@Joker: Your code only makes the icons bigger Smile .

@OP: Please try this:

Code:
table.ipbtable img.icon {
position: relative;
right: 15px;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Picture over lapping - help

Post by J0k3R^ on May 4th 2014, 6:15 pm

he could change the width to what it fits Very Happy
but w/e, im not very good at coding so..

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Picture over lapping - help

Post by Pizza Boi on May 4th 2014, 6:20 pm

Hi Very Happy

Because of the word: img.icon it generally represents the icons Smile so when you try it in console, everything else gets affected ^^.

Don't worry, you'll get better with experience, I'm sure of it! Very good

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Picture over lapping - help

Post by DK on May 4th 2014, 6:58 pm

The codes didn't work

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Picture over lapping - help

Post by Pizza Boi on May 4th 2014, 7:11 pm

Hi Very Happy

Can you please link us to your forum?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Picture over lapping - help

Post by J0k3R^ on May 4th 2014, 7:12 pm

its this i guess:http://spacebound.forumotion.com/

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Picture over lapping - help

Post by DK on May 4th 2014, 7:12 pm

@Pizza Boi wrote:Hi Very Happy

Can you please link us to your forum?

Regards,
Pizza Boi

spacebound.forumotion.com

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Picture over lapping - help

Post by Pizza Boi on May 4th 2014, 7:17 pm

Hi Very Happy

It works?



Where did you put the code?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Picture over lapping - help

Post by DK on May 4th 2014, 7:20 pm

Hey,
On my screen it still looks like it's overlapping. I put the code in the CSS

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Picture over lapping - help

Post by Pizza Boi on May 4th 2014, 7:24 pm

Hi Very Happy

It's your screen resolution then. Change your code to this so it adapts to your screen, if not, you just have to bear with it since the views are different from each other.

Code:
table.ipbtable img.icon {
position: absolute;
right: 25%;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Picture over lapping - help

Post by DK on May 4th 2014, 7:27 pm

I don't know if that code will help because I'm using a Samsung Galaxy S4. But as long as it looks alright on the screens of other people then it's all good for me Very Happy

Thanks!

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Solved Re: Picture over lapping - help

Post by Pizza Boi on May 4th 2014, 7:32 pm

Hi Very Happy

The position of the code highly depends on the screen resolution friend Smile so you don't have to worry if that problem is only for you! As long as 99% don't experience it Wink .

And...

The pizza's here! That'd be $2.99 Wink .

No problem~

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Picture over lapping - help

Post by SLGray on May 4th 2014, 8:25 pm

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum