Forums

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

Home › Forums › CSS › footer image

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2017 at 9:19 am #251663
    Lipton
    Participant

    Hello!
    I have image, pinned to the right corner in footer and I have a problem. For example, when you use Kindle portrait 600 x 1024 device
    – footer text is superimposed on the image. Im asking why?

    https://jsfiddle.net/umgd/q2tgtg1q/

    February 18, 2017 at 9:42 am #251664
    Beverleyh
    Participant

    Because the image is a background-image and the element that holds the text is nested inside, and therefore layered over it.

    February 18, 2017 at 10:47 am #251665
    Lipton
    Participant

    Thanks, there is a fix?

    February 18, 2017 at 11:12 am #251667
    Beverleyh
    Participant

    Try moving the element that holds the text outside the element that has the background-image. You will need to adapt your markup and CSS to account for the change in layout.

    February 18, 2017 at 12:10 pm #251668
    Lipton
    Participant

    It is possible to leave the picture as is? I mean background-image, not with <img src=”…”

    February 18, 2017 at 1:38 pm #251671
    Beverleyh
    Participant

    Of course. You can code your markup/CSS however you like.

    February 18, 2017 at 2:09 pm #251673
    Lipton
    Participant

    Please give me an example to digg in.

    February 18, 2017 at 2:24 pm #251674
    Beverleyh
    Participant

    Sure. Here’s a good website so that you can learn about coding your own layout http://learnlayout.com

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