WordPress.org

Support

Support » Themes and Templates » div tags not moing

div tags not moing

Viewing 7 replies - 1 through 7 (of 7 total)
  • Kacomp
    Member

    @kacomp

    Hi there,

    I have had a look at your site but the dog image isn’t loading in firefox but chrome its ok. Your image is positioned absolutely so its position wont change at the moment. You need to set the images size as percentage so it changes with screen size.

    Karen.

    eolproductions
    Member

    @eolproductions

    Ok thanks. And I also noticed that. All the Div tags that I have created wont show up in Firefox or IE but is fine in chrome.

    Kacomp
    Member

    @kacomp

    Hi again,
    The CSS property content needs to be used with pseudo elements before or after so change your #dogimg to #dogimg:before
    I see it your dog image in firefox if I do that.

    Good luck.

    Karen

    eolproductions
    Member

    @eolproductions

    Thanks so much. It has worked. The only problem I have now is that the blue paw prints at the bottom of the page need to be aligned at equal widths apart from the text. I have used this code for the paws

    div.palogo:before {
    content: url(http://atp.leontomlinson.com/prebeta/wp-content/uploads/2013/09/petsitters.jpg);
    position: absolute;
    left: 84%;
    top: 20px;
    }

    It changed and sometimes overlaps onto the text on different screens.

    Kacomp
    Member

    @kacomp

    The div that contains the paw prints and the Call Obligation Free text needs an id and width. Once you have added that I can have another look for you. Use percentage or em for the width.

    Karen.

    eolproductions
    Member

    @eolproductions

    I have. I am using this CSS:

    div.pawimg-left {
    content: url(http://atp.leontomlinson.com/prebeta/wp-content/uploads/2013/09/paw-bgdouble.png);
    position: absolute;
    top: 75%;
    }

    But still moves around and overlaps the text on different screen resolutions.

    Kacomp
    Member

    @kacomp

    Your image of the double paw has a fixed width, you need to give it width that will change as a percentage or em value.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘div tags not moing’ is closed to new replies.