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
  • #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

    #260613
    Paulie_D
    Moderator

    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.

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