Forums

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

Home Forums CSS How do I prevent the image from stretching?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #261525
    ftbadolato
    Participant

    I am simply trying to place a 16×16 calendar icon to the right of the text box. On a simple page, it was working fine, but I recently started applying a template that I purchased and now the image is showing up below the text box and stretching the length of the div. Here is the code:

    .contact-form {
    position: relative;
    vertical-align: top;
    z-index: 1;
    margin: 0;
    top: -10px;
    }
    .contact-form .txt-form {
    display: none;
    }
    .contact-form .coll-1, .contact-form .coll-2, .contact-form .coll-3 {
    margin-bottom: 23px;
    float: left;
    width: 200px;
    }
    .contact-form .coll-1 p, .contact-form .coll-2 p, .contact-form .coll-3 p {
    margin-bottom: 3px;
    }
    .contact-form .coll-1, .contact-form .coll-2 {
    margin-right: 10px;
    }
    .contact-form fieldset {
    top: 9px;
    border: none;
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 10;
    }
    .contact-form label {
    display: block;
    min-height: 45px;
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    }

    Due Date*
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.