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.

Image overlapping.

View previous topic View next topic Go down

Solved Image overlapping.

Post by Swagbito on March 16th 2015, 5:03 am

Technical Details


Forum version : phpBB3
Position : Founder
Concerned browser(s) : Other
Who the problem concerns : All members
When the problem appeared : When I placed the imagss.
Forum link : http://narutomodernwars.forumotion.com/

Description of problem

So I placed all the buttons like thread,Announcement,global announcement,etc. I noticed the images overlap. Is there a code to make them not overlap?

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Ange Tuteur on March 16th 2015, 6:33 am

Hello @Swagbito,

Your two options would be to reduce the size of the images, or add some padding via CSS. The images on phpbb3 are actually set as background image, so text will appear to "overlap" the icon in this case. Try adding the following CSS to your stylesheet.
Display > Colors > CSS stylesheet
Code:
ul.topics dd.dterm, ul.topics dt  { padding-left:60px }
ul.topiclist dd.dterm, ul.topiclist dt { padding-left:20px }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image overlapping.

Post by Swagbito on March 16th 2015, 6:37 am

Nothing happened.

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Ange Tuteur on March 16th 2015, 6:45 am

Did you add it to the top of your stylesheet ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image overlapping.

Post by Swagbito on March 16th 2015, 6:46 am

I put it in search. I can't c/p craps into that css on this device.

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Ange Tuteur on March 16th 2015, 6:50 am

The search box isn't where the CSS goes, . It should go into the sheet itself, otherwise it wont be applied when you hit submit. If you can't add it now, you can always add it later. There's no rush Wink

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image overlapping.

Post by Swagbito on March 16th 2015, 6:52 am

I'm on a phone. My computer is broken. My phone will not copy and paste things in the css for some reason so yeah :/

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Swagbito on March 16th 2015, 8:04 pm

So I have to copy and paste it in my css? My phone will not let me do that. Is there another way? Excuse me for double posting.

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Guest on March 16th 2015, 8:10 pm

Swagbito, do you have another administrator for your forum who has computer access that could help? =)

Guest
Guest


Back to top Go down

Solved Re: Image overlapping.

Post by Swagbito on March 16th 2015, 8:14 pm

Yes I do. I have 3 in fact. But I believe they are a bit busy at the time.

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Ange Tuteur on March 16th 2015, 8:19 pm

If you want, you can supply one of us with a test account that has administration rights to apply it for you. That's up to you, of course. Wink

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image overlapping.

Post by Swagbito on March 16th 2015, 8:21 pm

Could you make it manually and then I give you access? I apologize, my phone is lagging and I can not see the tool bar to log out.

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Ange Tuteur on March 16th 2015, 8:45 pm

It's done. Wink

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image overlapping.

Post by Swagbito on March 16th 2015, 8:48 pm

Done

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Ange Tuteur on March 16th 2015, 8:51 pm

How does it look now ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image overlapping.

Post by Swagbito on March 16th 2015, 8:54 pm

Good! Thank you! You staff are always helpful Smile

Swagbito
Forumember

Posts : 176
Reputation : 4
Language : English & Japanese

http://rubbershinobi.forumotion.com/

Back to top Go down

Solved Re: Image overlapping.

Post by Ange Tuteur on March 17th 2015, 12:20 am

No problem. Wink

Topic archived

Have a nice day Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.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