Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Bottom align mini DIVS

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 26, 2017 at 9:51 pm #260612
    kiwis
    Participant

    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

    September 26, 2017 at 11:13 pm #260613
    Paulie_D
    Member

    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.

    As for bottom aligning, there are multiple techniques, positioning, flexbox, CSS Grids.

    Have a search around…you’ll find something that works for you.

    September 27, 2017 at 2:34 am #260616
    Paulie_D
    Member

    https://codepen.io/Paulie-D/pen/JrWvRb

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.