Ondersteuning » Thema en CSS/opmaak » Invulveld positie.

  • Opgelost boelebroer

    (@boelebroer)


    Goedemorgen,

    Ik wil graag het invulveld meer naar rechts positioneren.

    Iemand een idee?

    Tnx.

    René.

    <form action=”mail.php” enctype=”application/x-www-form-urlencoded” method=”POST”>

    Naam:<input type=”text” name=”Naam:” size=”30″ />

    </form>

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Hiervoor moet je eerst een class toewijzen aan je invulvenster, bijvoorbeeld: class="input". In je css bestand met je deze class met margin-left naar rechts verplaatsen.

    Thread starter boelebroer

    (@boelebroer)

    Hallo Shaun,

    Dus class=”input” toevoegen aan onderstaande regel?
    En kan je uitleggen in welk .css bestand ik de margin-left naar right moet veranderen of moet ik dat bij de onderstaande regel toevoegen?

    Ik gebruik twenty eleven theme.

    Ik ben nog maar een beginner :0)

    Tnx for the effort.

    René.

    <form action=”mail.php” enctype=”application/x-www-form-urlencoded” method=”POST”>

    Naam:<input type=”text” name=”Naam:” class=”input” size=”30″ />

    </form>

    Beste René,

    De classe is al correct toegevoegd aan het formulier. Nu moet u enkel nog onderstaande regels toevoegen aan het css document van het thema. Dit vind je op /wp-content/themes/<jouw-thema>/style.css

    .input {
    margin-left: 20px;
    }

    Zo zal het invoervenster 20 pixels naar rechts worden verplaatst omdat u 20 pixels witruimte laat links van het invoerveld.

    Ik heb voor jou nog een demo gemaakt van hoe ’t moet: http://jsfiddle.net/6eDrH/

    Thread starter boelebroer

    (@boelebroer)

    Shaun,

    Top, ga er morgen mee aan de slag.

    René.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Invulveld positie.’ is gesloten voor nieuwe reacties.