• tendress

    (@tendress)


    WordPress keeps auto indenting my <div>s. It is adding <p>
    after each one of my <div>s. Can anyone help?

    This is the original code…

    <div class="tech-library">
    <a href="induction-heating-training/">														<div class="testimonialquote2 box-shadow" style="height:120px; text-transform:none; text-decoration:none;"><h2>Induction Heating Training</h2><div align="center"><img src="https://fluxtrol.com/wp-content/uploads/2013/02/training.png" height="100px" alt="induction heating training" title="induction heating training"></div></div></a>
    <a href="induction-heating-presentations/"><div class="testimonialquote2 box-shadow" style="height:120px; text-transform:none;"><h2>Induction Heating Presentations</h2><div align="center"><img src="https://fluxtrol.com/wp-content/uploads/2013/02/Presentations.png" height="100px" alt="induction heating presentations" title="induction heating presentations"></div></div></a>
    <a href="resource-guide-2/"><div class="testimonialquote2 box-shadow" style="height:120px; text-transform:none;"><h2>Resource Guide for Induction Technology</h2><div align="center"><img src="https://fluxtrol.com/wp-content/uploads/2013/02/resource.jpg" height="100px" alt="induction heating resource guide" title="induction heating resource guide"></div></div></a>
    <a href="glossary/"><div class="testimonialquote2 box-shadow" style="height:120px; text-transform:none;"><h2>Induction Heating Glossary</h2><div align="center"><img src="https://fluxtrol.com/wp-content/uploads/2013/02/glossary.png" height="100px" alt="induction heating glossary" title="induction heating glossary"></div></div></a></div>

    and this is what wordpress does to it…

    <div class="tech-library">
    <a href="induction-heating-training/">
    <div class="testimonialquote2 box-shadow" style="height:120px; text-transform:none; text-decoration:none;">
    <h2>Induction Heating Training</h2>
    <div align="center"><img src="https://fluxtrol.com/wp-content/uploads/2013/02/training.png" height="100px" alt="induction heating training" title="induction heating training"></div>
    </div>
    <p></a><br />
    <a href="induction-heating-presentations/">
    <div class="testimonialquote2 box-shadow" style="height:120px; text-transform:none;">
    <h2>Induction Heating Presentations</h2>
    <div align="center"><img src="https://fluxtrol.com/wp-content/uploads/2013/02/Presentations.png" height="100px" alt="induction heating presentations" title="induction heating presentations"></div>
    </div>
    <p></a><br />
    <a href="resource-guide-2/">
    <div class="testimonialquote2 box-shadow" style="height:120px; text-transform:none;">
    <h2>Resource Guide for Induction Technology</h2>
    <div align="center"><img src="https://fluxtrol.com/wp-content/uploads/2013/02/resource.jpg" height="100px" alt="induction heating resource guide" title="induction heating resource guide"></div>
    </div>
    <p></a><br />
    <a href="glossary/">
    <div class="testimonialquote2 box-shadow" style="height:120px; text-transform:none;">
    <h2>Induction Heating Glossary</h2>
    <div align="center"><img src="https://fluxtrol.com/wp-content/uploads/2013/02/glossary.png" height="100px" alt="induction heating glossary" title="induction heating glossary"></div>
    </div>
    <p></a>
    															</div>

    any ideas?

    Thanks!

Viewing 1 replies (of 1 total)
  • Thread Starter tendress

    (@tendress)

    the page is supposed to have boxes 2×2 that link to other pages within the site. The boxes are supposed to be aligned with each other, but the effect created when the page is published is that the first (top left) box is not properly aligned with the box on the right

Viewing 1 replies (of 1 total)
  • The topic ‘help with auto indenting 's’ is closed to new replies.