About This Ticket

Alignment issue

by holidaynerja / January 24, 2016, 5:20 pm

Hi, I have an alignment issue on a property-details page I am working on. On the link below I am trying to align 3 btns ADD TO LIST – VIEW LIST – GO BACK in a hortizontal line but for some reason the ADD TO LIST btn will not fall into line with the other btns. Could you please see what could be causing this?.

http://www.holidaynerja.co.uk/mobile/property-details.html

Mant thanks for your assistance.

 

 

Staff

Hello 

Your codes have HTML stucture issues 
 

Below the sample code will  fix your issue.

 

Your code

<div class="pad-top-small">
  <FORM NAME=MBVER>
    <input type=hidden name=QUANTITY onChange='this.value=CKquantity(this.value)' value="0">
    <input type=hidden name="Price" value="0">
    <input type=hidden name="NAME" value="MBVER Nerja beach front apartment Verde Mar">
    <input type=hidden name="ID_NUM" value="MBVER">
    <input type=hidden name="SHIPPING" value="0">
    <input span class="btn btn-primary" onClick='AddToCart(this.form);return false;' Value="ADD TO LIST"/></span>
  </form>
  <a href="/mylist2.htm"><span class="btn btn-primary btn-danger">VIEW LIST</a></span>
  <a href="#" onclick="history.back();return false;"><span class="btn btn-success">GO BACK</a></span>
</div>

Changes Code

<div class="pad-top-small">
  <FORM NAME=MBVER>
    <input type=hidden name=QUANTITY onChange='this.value=CKquantity(this.value)' value="0">
    <input type=hidden name="Price" value="0">
    <input type=hidden name="NAME" value="MBVER Nerja beach front apartment Verde Mar">
    <input type=hidden name="ID_NUM" value="MBVER">
    <input type=hidden name="SHIPPING" value="0">
    <input span class="btn btn-primary" onClick='AddToCart(this.form);return false;' Value="ADD TO LIST"/>
    <a href="/mylist2.htm" class="btn btn-primary btn-danger">VIEW LIST</a>
      <a href="#" class="btn btn-success" onclick="history.back();return false;">GO BACK</a>
  </form>  
</div>

If you like us our theme please rate us in themeforest in download section.

Thanks and regards,
0effortteam

Hi, I have ammended the code but still they do not line up, the ADD button for some reason is longer than necessary.

Here is the updated link

http://www.holidaynerja.co.uk/mobile/property-details.html

Many thanks

Staff

Hello,

My side it's works,

Check screenshot 

Please clear your browser cache and check. If still showing problem please share screenshot and mention browser name and version.

Thanks and regards,
​0effortteam

 

 

Hi , I am using FF 43.0.4 and IE11 11.0.9600 and both are showing the misaligned buttons

Here is the screenshot

Many thanks

 

Staff

Hello,

Sample code will fix your error

Your code

<input span class="btn btn-primary" onClick='AddToCart(this.form);return false;' Value="ADD"/>

 

Changes code

<button class="btn btn-primary" onClick='AddToCart(this.form);return false;'>ADD</button>

If you like our theme and support, please rate us in Themeforest in the download section.

Thanks and regards,
​0effortteam

Staff

Hope your issue fixed. If you still face this issue please create new issue and put this issue link with your comment.