WordPress.org

Ready to get started?Download WordPress

Forums

Comprehensive Google Map Plugin
[resolved] Map 4.0 crashs Layout!! (8 posts)

  1. madloki
    Member
    Posted 2 years ago #

    Hello,

    the new version (4.0) crashes my layout, look at this:

    http://www.abload.de/img/mapjjy31.jpg

    Thats not fine :(

    http://wordpress.org/extend/plugins/comprehensive-google-map-plugin/

  2. alexanderzagniotov
    Member
    Plugin Author

    Posted 2 years ago #

    Can you please provide link to your website/page?

    Thank you

  3. alexanderzagniotov
    Member
    Plugin Author

    Posted 2 years ago #

    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

  4. madloki
    Member
    Posted 2 years ago #

    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"
    ....

    ;)

  5. alexanderzagniotov
    Member
    Plugin Author

    Posted 2 years ago #

    Hm.... Interesting.
    I never had the problem of broken layout, weird.
    Nevertheless, I appreciate your input :)
    Regards

  6. madloki
    Member
    Posted 2 years ago #

    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?

  7. alexanderzagniotov
    Member
    Plugin Author

    Posted 2 years ago #

    It should be fixed now. Please retest
    Regards

  8. madloki
    Member
    Posted 2 years ago #

    Work's for me B-)

    Thanks Alexander!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic