/    Sign up×
Community /Pin to ProfileBookmark

Help with alignment and styling form

Hi,
I need help with alignment of a booking form and styling it like my current theme.

  • 1. I would like to align the text above the big circles “PRENOTA LA TUA CAMERA:” on the LEFT and the booking form with the dates on the RIGHT

  • 2. I need to have the same design as the theme even on the date fields (day, month, year)
  • The website was made with wordpress and the code you see below is pasted in a HTML widget. So I can add divs, tables etc…

    Thank you in advance for your help 🙂

    [url]http://www.markeventest.it/aquila/[/url]

    [B]Here is the code for the booking for you see:[/B]
    <head>
    <script language=”JavaScript” src=”../aquila/wp-admin/js/util.js”></script>
    </head>
    <body>

    <p style=”text-align:left; margin:0 auto; padding:0; margin-right:24px; margin-left:0px; color:#4A4D4D;font-weight:bold;font-size:24px;font-family: share, cursive;text-transform: uppercase;”>PRENOTA LA TUA CAMERA:

    <div style=”margin:0 auto; padding:0; text-align:center; margin-top:10px; margin-left:0px; overflow:hidden;”>

    <form action=”http://www.bookinghotelmanagement.biz/hotelsearch.asp” method=”get” name=”formData” target=”_blank” style=”margin:0 auto; padding:0;”></p>
    <p style=”float:left; margin:0 auto; padding:0; margin-right:5px; margin-left:0px; color:#4A4D4D;font-weight:bold;font-size:20px;font-family: share, cursive;text-transform: uppercase;”>Arrivo</p>

    <p style=”float:left; margin:0 auto; padding:0; margin-right:5px;”>
    <select name=”g_in” onChange=”proxday(this.value+’/’ + m_in.value + ‘/’ + a_in.value);” >
    <option value=”01″ >1</option>
    <option value=”02″ >2</option>
    <option value=”03″ >3</option>
    <option value=”04″ >4</option>
    <option value=”05″ >5</option>
    <option value=”06″ >6</option>
    <option value=”07″ >7</option>
    <option value=”08″ >8</option>
    <option value=”09″ >9</option>
    <option value=”10″ >10</option>
    <option value=”11″ >11</option>
    <option value=”12″ >12</option>
    <option value=”13″ >13</option>
    <option value=”14″ >14</option>
    <option value=”15″ >15</option>
    <option value=”16″ >16</option>
    <option value=”17″ >17</option>
    <option value=”18″ >18</option>
    <option value=”19″ >19</option>
    <option value=”20″ >20</option>
    <option value=”21″ >21</option>
    <option value=”22″ >22</option>
    <option value=”23″ >23</option>
    <option value=”24″ >24</option>
    <option value=”25″ >25</option>
    <option value=”26″ >26</option>
    <option value=”27″ >27</option>
    <option value=”28″ >28</option>
    <option value=”29″ >29</option>
    <option value=”30″ >30</option>
    <option value=”31″ >31</option>
    </select>
    <select name=”m_in” id=”m_in” onChange=”proxday(g_in.value + ‘/’ + this.value + ‘/’ + a_in.value);” >
    <option value=01 >Gennaio</option>
    <option value=02 >Febbraio</option>
    <option value=03 >Marzo</option>
    <option value=04 >Aprile</option>
    <option value=05 >Maggio</option>
    <option value=06 >Giugno</option>
    <option value=07 >Luglio</option>
    <option value=08 >Agosto</option>
    <option value=09 >Settembre</option>
    <option value=10 >Ottobre</option>
    <option value=11 >Novembre</option>
    <option value=12 >Dicembre</option>
    </select>
    <select name=”a_in” id=”a_in” onChange=”proxday(g_in.value + ‘/’ + m_in.value + ‘/’ + this.value);” >
    </select>
    </p>
    <p style=”float:left;margin:0 auto; padding:0; margin-right:5px; color:#4A4D4D;font-weight:bold;font-size:20px;font-family: share, cursive;text-transform: uppercase;”> Partenza</p>

    <p style=”float:left;margin:0 auto; padding:0; margin-right:250px;”>
    <select name=”g_out” id=”g_out”>
    <option value=”1″ >1</option>
    <option value=”2″ >2</option>
    <option value=”3″ >3</option>
    <option value=”4″ >4</option>
    <option value=”5″ >5</option>
    <option value=”6″ >6</option>
    <option value=”7″ >7</option>
    <option value=”8″ >8</option>
    <option value=”9″ >9</option>
    <option value=”10″ >10</option>
    <option value=”11″ >11</option>
    <option value=”12″ >12</option>
    <option value=”13″ >13</option>
    <option value=”14″ >14</option>
    <option value=”15″ >15</option>
    <option value=”16″ >16</option>
    <option value=”17″ >17</option>
    <option value=”18″ >18</option>
    <option value=”19″ >19</option>
    <option value=”20″ >20</option>
    <option value=”21″ >21</option>
    <option value=”22″ >22</option>
    <option value=”23″ >23</option>
    <option value=”24″ >24</option>
    <option value=”25″ >25</option>
    <option value=”26″ >26</option>
    <option value=”27″ >27</option>
    <option value=”28″ >28</option>
    <option value=”29″ >29</option>
    <option value=”30″ >30</option>
    <option value=”31″ >31</option>
    </select>
    <select name=”m_out” id=”m_out” >
    <option value=01 >Gennaio</option>
    <option value=02 >Febbraio</option>
    <option value=03 >Marzo</option>
    <option value=04 >Aprile</option>
    <option value=05 >Maggio</option>
    <option value=06 >Giugno</option>
    <option value=07 >Luglio</option>
    <option value=08 >Agosto</option>
    <option value=09 >Settembre</option>
    <option value=10 >Ottobre</option>
    <option value=11 >Novembre</option>
    <option value=12 >Dicembre</option>
    </select>
    <select name=”a_out” id=”a_out”>
    </select>
    <input name=”adu” type=”hidden” value=”2″>
    <input name=”alltipo” type=”hidden” id=”alltipo” value=”1″>
    <input name=”start” type=”hidden” value=”1″>
    <input name=”idh” type=”hidden” value=”163″>
    <input name=”lang” type=”hidden” value=”2″>
    <input name=”Submit” type=”submit” value=”Cerca” class=”button”>
    </p>

    </form>

    <script>

    startday();
    </script>
    </div><br><br>
    </body>

    to post a comment
    HTML

    0Be the first to comment 😎

    ×

    Success!

    Help @php_css_daniel spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 5.14,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...