Single post in Guide to CSS: Beginner to Expert

Forum Index > PokéFarm > Guides > Guide to CSS: Beginner to Expert >

👍 0

Posted 16/Mar/2024 21:43:22 (2 months ago)

QUOTE originally posted by Orchid

QUOTE originally posted by Monclops123

Hullo! Brand new to css and BBCode. Trying to display my type order for the type race and have all types grayscale except for my active type. I was able to make everything grayscale using a style class but if I apply a different style class to the active type it creates a line break. How do I make it stay inline? Current code w/o active type:Type Race Rotation:

Neonyan has this post which is essentially what you're trying to do, just it uses different images.

Thank you! I just needed to set the display to flex and now it works! Also, big thanks to Neonyan for the example code! Type Race Rotation:[ ][sc=notcurrent][ ][type=flying][ ][type=bug][ ][type=grass][ ][type=fairy][ ][type=dragon][ ][type=poison][ ][type=ghost][ ][type=electric][ ][type=steel][ ][type=rock][ ][b][type=fire][/b][ ][type=ice][ ][type=dark][ ][type=fighting][ ][type=water][ ][type=psychic][ ][type=normal][ ][type=ground][ ][/sc] [pkmnpanel=fqdH0] [style] .notcurrent { display: flex; flex-wrap: wrap; align-items: center; img {filter: grayscale(1);} b { img {filter: grayscale(0);}} } [/style] Type Race Rotation:

Aerodactyl [M]