Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Feb 2018
    Posts
    1
    Member #
    58472

    CSS positioning after absolute elements

    Hi guys, I'm having trouble positioning text around an image (or 3) inside a div. The text wants to hide behind the image when you resize the viewport/ browser window.

    I have used an absolute position for the 3 images so that they appear on top of each other rather than one after another.

    Any help would be much appreciated.

    I have uploaded the code to codepen here:

    https://codepen.io/Andy325i/post/css-positioning



    There is a live version here:

    HOME - AndyLane Photography 2018



    Many thanks



    Andy

  2.  

  3. #2
    Junior Member
    Join Date
    Mar 2018
    Posts
    2
    Member #
    58509
    You can to use top paddings in percents.

    When you will be resizing window your top paddings will be changing.

    Try to add "padding-top: 70%" to h2 element.

    And you don't forget that .stddiv must be height: auto.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:50 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com