Beiträge von Richard

  • Seite in die Länge gezogen - CSS Style

    Hallo,

    siehe dazu auch meinen Eintrag-> ZP Forum 19.01.2016

    den folgenden Code (Datepicker) habe ich per Quelltext eingebunden, dann hat alles funktioniert außer die in die Länge gezogene Seite

    <div class="hoteliers-form">
    <form class="hoteliers-form__form">
    <ul class="hoteliers-form__list">
    <li class="hoteliers-form__grid-item js-grid-item" data-item="hoteliers_arrival"><label class="hoteliers-form__label" for="">Anreise</label>
    <div class="hoteliers-form__form-field-container"><input class="hoteliers-form__form-field"> <svg class="hoteliers-form__icon hoteliers-form__icon--no-event" xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 400 400"><path fill="#000" d="M28 4h-3v1c0 1.1-0.9 2-2 2s-2-0.9-2-2v-1h-10v1c0 1.1-0.9 2-2 2s-2-0.9-2-2v-1h-3c-1.1 0-2 0.9-2 2v22c0 1.1 0.9 2 2 2h24c1.1 0 2-0.9 2-2v-22c0-1.1-0.9-2-2-2zM28 28c0 0 0 0 0 0h-24c0 0 0 0 0 0v-18h24v18zM9 6c0.6 0 1-0.4 1-1v-4c0-0.6-0.4-1-1-1s-1 0.4-1 1v4c0 0.6 0.4 1 1 1zM23 6c0.6 0 1-0.4 1-1v-4c0-0.6-0.4-1-1-1s-1 0.4-1 1v4c0 0.6 0.4 1 1 1zM18 12h-10v2h8v4h-8v2h8v4h-8v2h10zM22 26h2v-14h-4v2h2zM27.3 30.8h-22.5c-1.1 0-2-0.6-2-1.7v1c0 1.1 0.9 2 2 2h22.5c1.1 0 2-0.9 2-2v-1c0 1.1-0.9 1.8-2 1.8z"></path></svg></div>
    </li><li class="hoteliers-form__grid-item js-grid-item" data-item="hoteliers_departure"><label class="hoteliers-form__label" for="">Abreise</label>
    <div class="hoteliers-form__form-field-container"><input class="hoteliers-form__form-field"> <svg class="hoteliers-form__icon hoteliers-form__icon--no-event" xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 400 400"><path fill="#000" d="M28 4h-3v1c0 1.1-0.9 2-2 2s-2-0.9-2-2v-1h-10v1c0 1.1-0.9 2-2 2s-2-0.9-2-2v-1h-3c-1.1 0-2 0.9-2 2v22c0 1.1 0.9 2 2 2h24c1.1 0 2-0.9 2-2v-22c0-1.1-0.9-2-2-2zM28 28c0 0 0 0 0 0h-24c0 0 0 0 0 0v-18h24v18zM9 6c0.6 0 1-0.4 1-1v-4c0-0.6-0.4-1-1-1s-1 0.4-1 1v4c0 0.6 0.4 1 1 1zM23 6c0.6 0 1-0.4 1-1v-4c0-0.6-0.4-1-1-1s-1 0.4-1 1v4c0 0.6 0.4 1 1 1zM18 12h-10v2h8v4h-8v2h8v4h-8v2h10zM22 26h2v-14h-4v2h2zM27.3 30.8h-22.5c-1.1 0-2-0.6-2-1.7v1c0 1.1 0.9 2 2 2h22.5c1.1 0 2-0.9 2-2v-1c0 1.1-0.9 1.8-2 1.8z"></path></svg></div>
    </li><li class="hoteliers-form__grid-item js-grid-item" data-item="hoteliers_submit"><label class="hoteliers-form__label hoteliers-form__label--hidden" for="">Verfügbarkeit</label><button class="hoteliers-form__form-field hoteliers-form__btn">prüfen</button>
    </li></ul><!-- / hoteliers-form__list --></form></div>

    Gruß
    Richard

  • Seite in die Länge gezogen - CSS Style

    Hallo,


    Die Integration der Buchungsmaske hat funktioniert, nur die Eingabemaske wird bereits in der Vorschau der Seite in die Länge gezogen -> siehe unter http://www.karolingerhof.de/buchung.html
    ( im Bearbeitungsmodus sind die Abstände noch so wie sie sein sollten )


    Vermutlich benötige ich ein CSS Style, aber als HTML- Anfänger bin ich aktuell überfordert. Vieleicht kann mir da jemand weiterhelfen.


    Outdoor Responsive

    Version 12.5.7 Business


    Beste Grüße

    Richard

  • Integration externe Buchungsmaske

    Hallo,


    benötige Unterstützung bei der Integration einer externen Buchungsmaske in unsere Webseite (http://www.karolingerhof.de )
    Nach mehr als einer Woche intensiver Anfängerversuche bin ich mittlerweile mit meinem Latein am Ende. -> Kalender öffnet nicht und ich bekomme keine Verbindung zur externen Buchungsplattform.

    https://hoteliers.zendesk.com/hc/en-gb/articles/201308381

    • Die erforderlichen Daten habe ich per FileZilla auf den Server (GONEO) in einem Ordner abgelegt.
    • Scripte mit Attribute google_ analytics in den <head> tag der Seite und dementsprechend die Links geändert.

    <link rel="stylesheet" media="all" type="text/css" href="/wlp/css/hoteliers_main.css">
    <link rel="stylesheet" media="all" type="text/css" href="/wlp/css/hoteliers_adjustments.css">
    <script type="text/javascript" src="/wlp/js/jquery/jquery.1.11.2.js"></script>
    <script type="text/javascript" src="/wlp/js/jquery/jquery.ui.js"></script>
    <script type="text/javascript" src="/wlp/js/hoteliers.js"></script>
    <script type="text/javascript" src="/wlp/js/jquery/jquery.fancybox.js"></script>

    • Datepicker code per Quelltext auf Seite und Links angepasst<form id="hoteliers_form" action=""><div id="hf_calendar"><div class="zapp"><!-- START DATEPICKER CODE BLOCK !--><div class="hf_datepicker_label"><label for="hf_arrival_date">Anreise:</label></div><div class="hf_datepicker"><input type="text" value="" name="arrival" class="hf_arrival_date"><img src='/wlp/images/datePicker.png' id='hf_datepicker_img_arrival' class="hf_datepicker_img hf_datepickershow_arrival"/></div> <div class="hf_datepicker_label"><label for="hf_departure_date">Abreise:</label></div><div class="hf_datepicker"><input type="text" value="" name="departure" class="hf_departure_date"><img src='/wlp/images/datePicker.png' id='hf_datepicker_img_departure' class="hf_datepicker_img hf_datepickershow_departure"/></div><!-- END DATEPICKER CODE BLOCK !--><!-- START BUTTON !--><a class="hf_theme_button hf_check_form">Verfügbarkeit prüfen</a><!-- END BUTTON !--></div></div</form>JavaScript-Objekt mit Attribute footer_script in den <Body> tag<script type="text/javascript">
      jQuery(document).ready(function(){
      hoteliers_object = new hoteliers_form("2718", "de", {frame_width: 920});
      });
      </script>


    Outdoor Responsive

    Version 12.5.7 Business


    Beste Grüße

    Richard