Home / Forums / DynamiX Support / IE 8 and 9 issues with sidebars. images, and links

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts

  • KarenEliuk
    Participant

    Hello,  I'm trying to use two sidebars on the left and right to display images that users can use to link to pages within the site.  The problem I'm having is that when I make the images links on both of the sidebars (right and left) the information does not display correctly in IE 8 and 9.  It displays the two sidebars, then the center column beneath them.  Right now I have only the left sidebar coded with links on the images and it displays the way I want.  (http://maplevalleydentist.com)

    I've tried using smaller images, I changed them from png to jpg as you have mentioned in the forum that IE9 does not like png files.  The other strange thing is that currently all of the images are pointing to one specific page – which I haven't entered coding for.  I can see it's related to a div the images are in , but not sure how the coding got there.

    Thanks in advance for your help – love your theme, just wish I could have gotten my client to use more of it's great features!

    Karen

    Andy
    Andy
    Keymaster

    Hi Karen,

    I've tested your site in IE8 nad IE9 and it displays fine? 

    Is there another machine you can test it on? 


    KarenEliuk
    Participant

    Sorry – I should have just left it "broken" – can you take another look now please 🙂

    Andy
    Andy
    Keymaster

    Hi Karen,

    I'll need to take a look at your sidebar code to see what is happening. What was the difference between when I checked last time and it looked fine? 


    KarenEliuk
    Participant

    Sidebar 1

    <a href="/services/general-and-family-dentistry"><img class= "alignright size-full" src="/wp-content/uploads/2012/02/GenFam.jpg" width="200" height="120" />

    <a href="/services/dental-implants"><img class= "alignright size-full" src="/wp-content/uploads/2012/02/DentImplant.jpg" width="200" height="120" />

    <a href="/services/root-canal"><img class= "alignright size-full" src="/wp-content/uploads/2012/02/RootCanal.jpg" width="200" height="120" />

    <a href="/services/relaxation-dentistry"><img class= "alignright size-full" src="/wp-content/uploads/2012/02/Relaxation.jpg" width="200" height="120" />

    <a href="/services/oral-surgery"><img class= "alignright size-full" src="/wp-content/uploads/2012/02/OralSurgery.jpg" width="200" height="120" />

    Side Bar 2

    <a href="services/cosmetic"><img class= "alignright size-full" src="/wp-content/uploads/2012/02/Cosmet.jpg" width="200" height="120" />

    <a href="/services/porcelainveneers"><img class= "alignright size-full" src="/wp-content/uploads/2012/02/PorcelainVeneers.jpg" width="200" height="120" />

    <a href="/services/dentures-and-partials"><img class= "alignright size-full"  src="/wp-content/uploads/2012/02/DentPartls.jpg" width="200" height="120" />

    <a href="/services/invisilign"><img class= "alignright size-full" src="/wp-content/uploads/2012/02/invisalign.jpg" width="200" height="120" />

    <a href="/services/hygiene-periodontal"><img  class= "alignright size-full" src="/wp-content/uploads/2012/02/HygienePeriodontalCare.jpg" width="200" height="120" />

    MIddle code for Services page is:

    <p style="text-align: left;"><a href="http://maplevalleydentist.com/wp-content/uploads/2012/01/GenFam_Main.png"><img class="size-full wp-image-722 alignleft" title="GenFam_Main" src="http://maplevalleydentist.com/wp-content/uploads/2012/01/GenFam_Main.png&quot; alt="" width="421" height="199" /></a>The mission of our exceptionally trained dental team is to provide our family of patients with the highest quality dental care using the most advanced dental technologies available. We pledge excellence in all we do and look forward to helping you make the most of your smile now and for all the years to come. We will achieve our practice mission only by earning the respect of our patients as their most trusted partners in providing care for their dental health.</p>

    <p style="text-align: left;">Our practice utilizes innovative technology to help ensure your visits will be smooth, convenient, and hassle-free. <strong>Dr. Taina</strong>, our dental hygienists, our dental assistant, and our friendly office staff are each willing to go the extra mile to ensure that your experience with us is a positive one. We know how precious your teeth are, so we guarantee nothing but the best, most comfortable, and modern care.</p>

    <p style="text-align: left;">Here at Maple Valley Dentistry Professionals, we offer General and Family Dentistry services, Cosmetic Dentistry and Dental Implants, Invisalign, Porcelain Veneers, Teeth Whitening and a wide variety of other dentistry services to the Maple Valley, Kent, Covington, Auburn and surrounding communities.</p>

    <p style="text-align: left;">Please call Maple Valley Dentistry at (425)433-0600 or send an email to maplevalleydentist@msn.com to find out more about how we can make your dream smile a reality.</p>

    I have tried to make the images smaller in the middle, and in the sidebars – which still doesn't work.

    Do you need access to the wordpress site?

    Thanks for your assistance, Karen


    KarenEliuk
    Participant

    The difference between the times you looked is that I added the href to the sidebar 2 images.  If I take out the href and break the links the images display fine.  I've also tried putting border="0" thinking maybe that was forcing the layout, that didn't work either.

    For example – if I make the code for sidebar 2 as follows – the layout is fine:

    <img src="/wp-content/uploads/2012/02/Cosmet.jpg" />

    <img  src="/wp-content/uploads/2012/02/PorcelainVeneers.jpg" />

    <img  src="/wp-content/uploads/2012/02/DentPartls.jpg" />

    <img src="/wp-content/uploads/2012/02/invisalign.jpg" />

    <img  src="/wp-content/uploads/2012/02/HygienePeriodontalCare.jpg" />

    Andy
    Andy
    Keymaster

    Hi Karen,

    I've checked the code again and I can that the link tags are not closed. They should have </a> after each of the images. Let me know if that resolves. 


    KarenEliuk
    Participant

    Thank You!  Works perfectly now, I will send you a donation in appreciation of your time in helping me to resolve this issue.  Love your template and hope to use it in the future.

    Karen =8^)

    Andy
    Andy
    Keymaster

    Hi Karen,

    Thank you for the donation, it's really appreciated! 🙂 

    I'm glad it's all working fine now. 

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.