How can i move toes in motion2 up inline with toes in motion1?
http://www.charismacommunications.ca/services.html
HTML Code:<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <style type="text/css"> span.link { position: relative; } span.link a span { display: none; } span.link a:hover { font-size: 99%; font-color: #000000; } span.link a:hover span { display: block; position: absolute; margin-top: 3px; margin-left: -0px; width: 175px; padding: 5px; z-index: 100; color: #000; background: #FFF; font: 12px "Arial", sans-serif; text-align: left; text-decoration: none; border-style:solid; border-color:#000 #000; border-radius: 15px; } </style> <!-- Created by Artisteer v4.0.0.58413 --> <meta charset="utf-8"> <title>Home</title> <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width"> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <link rel="stylesheet" href="style.css" media="screen"> <!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]--> <link rel="stylesheet" href="style.responsive.css" media="all"> <script src="jquery.js"></script> <script src="script.js"></script> <script src="script.responsive.js"></script> <meta name="description" content="Description"> <meta name="keywords" content="Keywords"> <style>.art-content .art-postcontent-0 .layout-item-0 { padding-right: 0px; } .art-content .art-postcontent-0 .layout-item-1 { padding-top: 10px;padding-left: 5px; } .art-content .art-postcontent-0 .layout-item-2 { border-right-style:Solid;border-bottom-style:Solid;border-right-width:0px;border-bottom-width:0px;border-right-color:#979782;border-bottom-color:#979782; padding-right: 20px;padding-left: 10px; } .art-content .art-postcontent-0 .layout-item-3 { padding-right: 20px;padding-left: 20px; } .art-content .art-postcontent-0 .layout-item-4 { padding-left: 20px; } .art-content .art-postcontent-0 .layout-item-5 { padding-right: 10px;padding-left: 10px; } .ie7 .post .layout-cell {border:none !important; padding:0 !important; } .ie6 .post .layout-cell {border:none !important; padding:0 !important; } </style></head> <body> <div id="art-main"> <header class="art-header clearfix"> <div class="art-shapes"> <h1 class="art-headline" data-left="12.97%">Charisma Communications</h1> <h2 class="art-slogan" data-left="12.97%">Moving People Beyond Ther Limitations</h2> <div class="art-object0" data-left="0%"></div> </div> <nav class="art-nav clearfix"> <div class="art-nav-inner"> <ul class="art-hmenu"> <li><a href="index.html" class="active">Home</a></li> <li><a href="services.html" class="active">Services</a></li> <li><a href="media.html" class="active">Media</a></li> <li><a href="contacts.html" class="active">Contact</a></li></ul> </div> </nav> </header> <div class="art-sheet clearfix"> <div class="art-layout-wrapper clearfix"> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell art-content clearfix"><article class="art-post art-article"> <div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout"> <div class="art-content-layout-row"><div class="art-layout-cell layout-item-1" style="width: 100%" > </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 35%" > <h3> </h3> <p><a href="#" class="art-button">Public Speaking</a></p> <span class="link"><a href="javascript: void(0)"><font face=verdana,arial,helvetica size=2>Toes in Motion1</font><span><ul> <p ><strong>PRESENTATION FOR SCHOOLS</strong></p> <li >Challenges in life</li> <li>Deminstration</li> <li>Setting Goals</li> <li>Bullying </li> <li>Q&A</li> </ul> </span></a></span> </div><div class="art-layout-cell layout-item-3" style="width: 35%" > <h3> </h3> <br/> <br/> <br/> <span class="link"><a href="javascript: void(0)"><font face=verdana,arial,helvetica size=2>Toes in Motion2</font><span><ul> <p ><strong>PRESENTATION FOR SCHOOLS</strong></p> <li >Challenges in life</li> <li>Deminstration</li> <li>Setting Goals</li> <li>Bullying </li> <li>Q&A</li> </ul> </span></a></span> </div><div class="art-layout-cell layout-item-3" style="width: 35%" > <h3> </h3> </div><div class="art-layout-cell layout-item-4" style="width: 35%" > <h3> </h3> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-5" style="width: 100%" > <p> </p> </div> </div> </div> </div> </article></div> </div> </div> </div> </div> <footer class="art-footer clearfix"> <div class="art-footer-inner"> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-0" style="width: 25%"> <p style="font-weight: bold; text-align: left;">Site Index<br> <br></p> <ul> <li style="text-align: left;"><a href="index.html">Home</a></li> <li style="text-align: left;"><a href="services.html">Services</a></li> </ul> </div><div class="art-layout-cell layout-item-0" style="width: 25%"> <p style="font-weight: bold; text-align: left;"><br> <br></p> <ul> <li style="text-align: left;"><a href="media.html">Media</a></li> <li style="text-align: left;"><a href="contacts.html">Contact</a></li> </ul> </div><div class="art-layout-cell layout-item-0" style="width: 50%"> <p style="text-align: right;"> <a href="https://twitter.com/#!/" target="_blank"><img width="51" height="51" alt="" src="images/1308293091_twitter-2.png" class=""></a> <a href="https://www.facebook.com/groups/108729352480300/" target="_blank"><img width="51" height="51" alt="" src="images/1308293119_facebook-2.png" class=""></a></p> <p style="text-align: right;"><a href="https://www.facebook.com/groups/108729352480300/"><br> </a></p> <p style="text-align: right;"> </p> </div> </div> </div> <p class="art-page-footer"> <span id="art-footnote-links"><a href="http://www.cjwebconsulting.com/" target="_blank">CJ Web Consulting </a></span> <span style="text-align: right;">Copyright © 2013</span></p> </div> </footer> </div> </body></html>
Reply With Quote
Bookmarks