Can you please provide link to your website/page?
Thank you
I have tested both on my local and live sites, I did not observe anything that would crash the layout. Please provide link to your blog where you have the map. Its a bit hard to judge whats going on simply by looking at the screenshot.
Thank you
Found the problem, not very clean the html…
functions.php, replace line 51-107 with this and it works:
<div id="dir_wps">
<div id="dir_wp_0" class="dir-wp">
<div class="dir-wp-hl">
<div id="dir_m_0" class="dir-m" style="cursor: -moz-grab;">
<div style="width: 24px; height: 24px; overflow: hidden; position: relative;">
<img style="position: absolute; left: 0px; top: -141px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="'.CGMP_PLUGIN_IMAGES.'/directions.png">
</div>
</div>
<div class="dir-input">
<div class="kd-input-text-wrp">
<input type="text" maxlength="2048" tabindex="4" value="" name="a_address" id="a_address" title="Start address" class="wp kd-input-text" autocomplete="off" autocorrect="off">
</div>
</div>
</div>
</div>
<div class="dir-rev-wrapper">
<div id="dir_rev" title="Get reverse directions">
<a id="reverse-btn" href="javascript:void(0)" class="kd-button"><img class="dir-reverse" src="'.CGMP_PLUGIN_IMAGES.'/transparent.png"></a>
</div>
</div>
<div id="dir_wp_1" class="dir-wp">
<div class="dir-wp-hl">
<div id="dir_m_1" class="dir-m" style="cursor: -moz-grab;">
<div style="width: 24px; height: 24px; overflow: hidden; position: relative;">
<img style="position: absolute; left: 0px; top: -72px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="'.CGMP_PLUGIN_IMAGES.'/directions.png">
</div>
</div>
<div class="dir-input">
<div class="kd-input-text-wrp">
<input type="text" maxlength="2048" tabindex="4" value="" name="b_address" id="b_address" title="End address" class="wp kd-input-text" autocomplete="off" autocorrect="off">
</div>
</div>
</div>
</div>
</div>
<div id="dir_controls">
<div class="d_links">
<span id="d_options_toggle">
<a id="d_options_show" class="no-wrap" href="javascript:void(0)">Show options</a>
<a id="d_options_hide" class="no-wrap" href="javascript:void(0)" style="display: none !important;">Hide options</a>
</span>
</div>
<div id="d_options" style="background-color: #ddd; margin-bottom: 3px; text-align: left; padding: 3px; display: none">
<input type="checkbox" tabindex="5" name="avoid_hway" id="avoid_hway" />
<label for="avoid_hway">Avoid highways</label>
<input type="checkbox" tabindex="5" name="avoid_tolls" id="avoid_tolls" />
<label for="avoid_tolls">Avoid tolls</label>
<input type="radio" name="travel_mode" id="radio_km" checked="checked" />
<label for="radio_km">KM</label>
<input type="radio" name="travel_mode" id="radio_miles" />
<label for="radio_miles">Miles</label>
</div>
<div class="dir-sub-cntn">
<button tabindex="6" name="btnG" type="submit" id="d_sub" class="kd-button kd-button-submit">Get Directions</button>
<button tabindex="6" name="btnG" type="button" style="display: none;" id="print_sub" class="kd-button kd-button-submit">Print Directions</button>
</div>
</div>
The problem is very simple, f.e.:
<input name=”123″….
yours:
<input
name=”123″
….
😉
Hm…. Interesting.
I never had the problem of broken layout, weird.
Nevertheless, I appreciate your input 🙂
Regards
Well, maybe wordpress can not render this “bad” html – it’s correct, but crash’s my theme ^^
Can you fix this in 4.0.1?
It should be fixed now. Please retest
Regards
