The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Bottom align mini DIVS
I want a main DIV, say 1240px wide, 500px high. This size to contain a image as it’s background.
I then want 3-4 DIVs with semi transparent background’s (I can’t do this).
What I want help with is how to align these DIV to the bottom of my main DIV. Then also centre align them
If you want a semi transparent background you’ll have to use a background value that has an alpha value.
This is usually achieved with and rgba color although hsla also works,
RGBA stands for Red Green Blue Alpha and has the notation something like background-color: rgba(xxx, xxx, xxx, x.x) where xxx is a number between 0 and 255 and x.x is a number between 0 and 1.
background-color: rgba(xxx, xxx, xxx, x.x)
As for bottom aligning, there are multiple techniques, positioning, flexbox, CSS Grids.
Have a search around…you’ll find something that works for you.