I'm tring to duplicate some code and it's not working.
[ATTACH]15633[/ATTACH]
I circled what I want to duplicate. If it can be done, Then I would just change the wording. For example you will see The title. Speaking Topic's. If I can duplicate this below. Then I would change it to Consulting. I tryed to repeat code bit it keeps bunching up on the right side and not below.
<!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">Speaking Topic's</a></p>
<span class="link"><a href="javascript: void(0)"><font face=verdana,arial,helvetica size=2>Topic 1</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%" >
<h4> </h4>
<h3> </h3>
<span class="link"><a href="javascript: void(0)"><font face=verdana,arial,helvetica size=2>Topic 2</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%" >
<h4> </h4>
<h3> </h3>
<span class="link"><a href="javascript: void(0)"><font face=verdana,arial,helvetica size=2>Topic 3</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-4" style="width: 35%" >
<h4> </h4>
<h3> </h3>
<span class="link"><a href="javascript: void(0)"><font face=verdana,arial,helvetica size=2>Topic 4</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-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>
The attachments of this post were removed during the platform migration in 2018