Contact form design

Viewing 9 posts - 1 through 9 (of 9 total)
  • #19064
    tessed3
    Participant

    One of the boxes in the form does not have the same design.

    Why is this happening?
    Can anybody help me with this?

    Kind regards,
    Therese

    http://www.vmbudet.se/kontakt/

    #19172
    Daniel Tara
    Keymaster

    I don’t see a contact form on that page. Most probably it was either having a custom class or input type like password.

    #19194
    tessed3
    Participant

    I took it away but now it is there again.
    Can you please take a look again.

    http://www.vmbudet.se/kontakt/

    Thanks!!

    #19199
    Daniel Tara
    Keymaster

    The email field has type="email". Give it type="text" and it will look the same.

    #19201
    tessed3
    Participant

    Thank you so much!

    #22701
    iboregua
    Participant

    Hello,

    I put input[type="email"] next to input[type="text"] in style.css in the 208th row. And it worked. Plus it didn’t give me a configuration error (“The Reply-To field value is invalid.”). Please see wordimagine.com.

    I tried also input[type="select"], input[type="option"] for drop-down menu but this proved to be a bit harder nut to crack.

    I must be missing something (of course – I’m not a CSS expert).

    Any hints, please?

    Best regards!

    Igor

    #22702
    Daniel Tara
    Keymaster

    input[type="select"] and input[type="option"] aren’t valid selectors. The syntax is tag[attribute="value"] so it would resolve to this:

    <input type="select" ... />
    <input type="option" ... />

    But the <input> tag does not accept select and option as type values. (In theory you could do it but it would fall back to the text value)

    The syntax for drop-down select is this

    <select name="...">
        <option value="...">...</option>
        ...
    </select>

    So the selectors you are looking for are:

    select,
    option {
        # CSS properties
    }

    Note that the <option> tag accepts no CSS properties and the <select> tag only accepts limited properties like font-size and line-height.

    #22703
    iboregua
    Participant

    Thank you very much, Daniel!

    Now it seems so clear πŸ™‚ I’ll start with <select> and then it seems I’ll need to use some script for better looking <option>.

    I do have some more questions but first things first.

    Have a nice day!

    Igor

    #22704
    Daniel Tara
    Keymaster
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.