resizing while keeping proportions without using aspect-ratio
Oct. 2nd, 2025 05:37 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
pixellated posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
style_systemthis issue is solved! turns out
hi again! this is more of a general html/css question, but it has to work within dreamwidth's constraints, so i decided to ask it here. please let me know if this isn't the appropriate comm for this. i hope i used the right tags for this post.
here's what i'm trying to achieve (this would be displayed inside the most recent entry on my journal, so i can use regular CSS and not just inline, in case this matters):
i want to have a big box, and inside it a picture and a small box below that. i want the big box to resize responsively while keeping its proportions: suppose its width:height ratio is 1:2; i want it to keep that ratio always. as it resizes, i want the picture and small box inside to also resize while also keeping their proportions.
normally this would be really easy to do with
assuming this is true and i can't use
thanks again for your time!
aspect-ratio works just fine on DW, i was just not using it correctly so the problem was in front of the keyboard and not in the code, hahahere's what i originally posted:
hi again! this is more of a general html/css question, but it has to work within dreamwidth's constraints, so i decided to ask it here. please let me know if this isn't the appropriate comm for this. i hope i used the right tags for this post.
here's what i'm trying to achieve (this would be displayed inside the most recent entry on my journal, so i can use regular CSS and not just inline, in case this matters):
i want to have a big box, and inside it a picture and a small box below that. i want the big box to resize responsively while keeping its proportions: suppose its width:height ratio is 1:2; i want it to keep that ratio always. as it resizes, i want the picture and small box inside to also resize while also keeping their proportions.
normally this would be really easy to do with
aspect-ratio (<- this is a link to mozilla's developer resources) but that property doesn't seem to work on dreamwidth -- when i put it in my custom CSS, it doesn't seem to do anything, and it gets highlighted in red. (it works okay when i try it in online CSS editors, so i think it's not my mistake that's causing this.)assuming this is true and i can't use
aspect-ratio on DW, i need to cobble together some other solution, but i'm completely out of ideas. is this possible to achieve without aspect-ratio, or should i just change my idea to something that can be done on DW?thanks again for your time!
monthly word count - september
Oct. 1st, 2025 09:27 pmaskerianTOTAL: 1 077 words.
jeeeeeeeze this is my worst month in years. not surprised.
Posted: nein.
In progress:
-suburban ot4 (1 019 words.)
-svsss cosplay fic (58... words...)
and i haven't posted any ot4 either cause i'm slowly but surely catching up so i need to slow the heck down. last year when i started posting one chapter a month or thereabouts i was writing chpt 20 and now i'm on... chapter 22. not sustenable.
( teaser... one teaser..... )
jeeeeeeeze this is my worst month in years. not surprised.
Posted: nein.
In progress:
-suburban ot4 (1 019 words.)
-svsss cosplay fic (58... words...)
and i haven't posted any ot4 either cause i'm slowly but surely catching up so i need to slow the heck down. last year when i started posting one chapter a month or thereabouts i was writing chpt 20 and now i'm on... chapter 22. not sustenable.
( teaser... one teaser..... )
NaCraMaMo starts October 1 (in TWO days!)
Sep. 29th, 2025 10:58 amladythmpr posting in craftyHi all!
October will be here in 2 DAYS! Since 2008, October for me has been National Craft Making Month, or NaCraMaMo for short. NaCraMaMo started as a community on LJ, and I started a newnacramamo community on DreamWidth when I moved here in 2017.
In short, during National Craft Making Month in October, you work on a craft every day for a month and post pictures of your work daily innacramamo. nacramamo is very free-form; you can work on the same project every day or work on different projects every day. Crafting is also very loosely defined; it's basically anything that you do with your hands that results in a tangible object. For example, I count baking as crafting, but I don't count making dinner as crafting (but you might!)
A lot of people usenacramamo as a jumpstart for Halloween projects and Winter holiday gift making.
I'd love to have you join me, giving it your best shot.
October will be here in 2 DAYS! Since 2008, October for me has been National Craft Making Month, or NaCraMaMo for short. NaCraMaMo started as a community on LJ, and I started a new
nacramamo community on DreamWidth when I moved here in 2017.In short, during National Craft Making Month in October, you work on a craft every day for a month and post pictures of your work daily in
nacramamo. nacramamo is very free-form; you can work on the same project every day or work on different projects every day. Crafting is also very loosely defined; it's basically anything that you do with your hands that results in a tangible object. For example, I count baking as crafting, but I don't count making dinner as crafting (but you might!)A lot of people use
nacramamo as a jumpstart for Halloween projects and Winter holiday gift making.I'd love to have you join me, giving it your best shot.
[solved] moving around the module content or hiding it!
Sep. 27th, 2025 10:56 amkakkoi posting in style_systemi was able to fix the problem i was having by removing the
hello! i'm back again~ working on another thing, and having issues with the module userpic and hiding it or moving it, essentially. i was able to move where i want the contents of the module userpic to be displayed and how i want the module content to be displayed, but i'm still having the issue of it showing up at the center and top, with the border.
you can view the live version attesterjournal, and the image here. as you can see, or hover over the circle at the top it still shows as if the module userpic is up there which i don't want it to do.
module coding is here, and i can't figure out how to fix this
eta: using tabula rasa, plain
.module-content .userpic {
position: relative;
left: 280px;
bottom: -65px;
border-radius: 50%;
width: 50px;
height: 50px;
border-style: solid;
}!problem i was having
hello! i'm back again~ working on another thing, and having issues with the module userpic and hiding it or moving it, essentially. i was able to move where i want the contents of the module userpic to be displayed and how i want the module content to be displayed, but i'm still having the issue of it showing up at the center and top, with the border.
you can view the live version at
testerjournal, and the image here. as you can see, or hover over the circle at the top it still shows as if the module userpic is up there which i don't want it to do.module coding is here, and i can't figure out how to fix this
eta: using tabula rasa, plain