Recent Posts

options
Help with hovers: next to each other written Sept 3, 2021 2:24:24 GMT
pronounsShe/Her
66written posts
rileycooperearned bits
offlinecurrently
rileycooper
Junior Member
rileycooper Avatar
I'm trying to make a multi-character adoption page with hovers and I've got most of the basic coding for it down, give or take a copy and paste here and there. The trouble comes with trying to get the images next to each other rather than on their own lines. This what I have: [div][attr="class","adopts"][div][attr="class","fawnspark"][div][attr="class","fawnsparkimage"][/div][newclass=.adopts]background-color:#002b5c;width:500px;height:100%[/newclass][div][attr="class","fawnsparktext"]Fawnspark. Sister. Littermate. Has a come-and-go temper, by which I mean it's as easy to rile her up as it is to calm her down.[/div][/div][newclass=.fawnspark]width:200px; height:300px; color:black; position: relative; overflow: hidden;color: white;padding: 10px;[/newclass][newclass=.fawnsparktext]opacity: 0; position: relative;width:170px[/newclass][newclass=.fawnsparkimage]width:200px; height:300px; position: absolute; top: 0; left: 0; background-image:url(https://i.imgur.com/1VzXxUO.jpg?1);[/newclass][newclass=.fawnspark:hover]width: 300px;[/newclass][newclass= .fawnspark:hover .fawnsparktext]opacity: 1;[/newclass][newclass= .fawnspark:hover .fawnsparkimage]opacity:.5;[/newclass] [div][attr="class","specklescar"][div][attr="class","specklescarimage"][/div][div][attr="class","specklescartext"]Specklescar. Brother. Littermate. As competitive and rowdy as his siblings, but maybe nearly dying has tempered him. Got his scars when the trio went to fight a fox as apprentices.[/div][/div][newclass=.specklescar]width:200px; height:300px; color:black; position: relative; overflow: hidden;color:white;padding: 10px;[/newclass][newclass=.specklescartext]opacity: 0; position: relative;width:170px[/newclass][newclass=.specklescarimage]width:200px; height:300px; position: absolute; top:0; left: 0; background-image:url(https://i.imgur.com/O0EWidp.jpg?1);[/newclass][newclass=.specklescar:hover]width:300px;[/newclass][newclass= .specklescar:hover .specklescartext]opacity: 1;[/newclass][newclass= .specklescar:hover .specklescarimage]opacity:.5;[/newclass][/div]


And it comes out like this.



I'm trying to get the two on the same line. I've tried using the table tags too, but they didn't work. Any suggestions?
options
quote
Sites You Want To See written Aug 3, 2021 0:44:08 GMT
pronounsShe/Her
66written posts
rileycooperearned bits
offlinecurrently
rileycooper
Junior Member
rileycooper Avatar
Okay, hear me out. Maybe it's just my own nostalgia for a simpler time shining through but... A Spyro the Dragon rp. Where the Purple Dragon is an npc so people don't fight over it, each city having elemental guardians, and you can play whatever creature you might find in the dragon realms, including fairies, witches, cheetah hunters, dragonflies, and more.