Center Gender Icons

Go down

Solved Center Gender Icons

Post by Take Notes on June 3rd 2016, 9:54 pm

Not sure why but my gender icons are not centered. I'm not sure if I have had this problem before, if I did I fixed it but for this forum I don't know how or remember how.

www.forumpromocean.forumotion.com


Last edited by Genesis on June 4th 2016, 5:05 am; edited 1 time in total
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Center Gender Icons

Post by Ange Tuteur on June 3rd 2016, 10:51 pm

Hey,

If the gender icon is always the first field in the postprofile you can use this CSS rule :
Code:
.postprofile dd > .label:first-child + img {
  display:block;
  margin:0 auto;
}


otherwise I'd resort to a rule based on the src of the image. Like this for example :
Code:
.postprofile dd img[src="http://illiweb.com/fa/pbucket.gif"] {
  display:block;
  margin:0 auto;
}

and for however many gender icons you have that's how many selectors you'll have in the rule. e.g. :
Code:
.postprofile dd img[src="unknown.gif"], .postprofile dd img[src="male.gif"], .postprofile dd img[src="female.gif"], .postprofile dd img[src="trans.gif"] {
  /* properties... */
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Center Gender Icons

Post by Take Notes on June 4th 2016, 5:06 am

Thanks @Ange Tuteur! Solved.
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Center Gender Icons

Post by APE on June 4th 2016, 4:23 pm

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules



avatar
APE
Administrator
Administrator

Male Posts : 12318
Reputation : 1281
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


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