www.webdeveloper.com
Results 1 to 2 of 2

Thread: Duplicate code

  1. #1
    Join Date
    Nov 2011
    Posts
    126

    Duplicate code

    I'm tring to duplicate some code and it's not working.

    screen.png

    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.

    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>&nbsp;</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>&nbsp;</h4>
            <h3>&nbsp;</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>&nbsp;</h4>
            <h3>&nbsp;</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>&nbsp;</h4>
            <h3>&nbsp;</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>&nbsp;</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;">&nbsp;&nbsp;<a href="https://twitter.com/#!/" target="_blank"><img width="51" height="51" alt="" src="images/1308293091_twitter-2.png" class=""></a>&nbsp;&nbsp;<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;">&nbsp;</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>

  2. #2
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,211
    Not sure I completely understand as this part, "<p><a href="#" class="art-button">Speaking Topic's</a></p>" seems to be the only code that can be changed to "<p><a href="#" class="art-button">Consulting</a></p>". When you copy/paste code, you have to make sure the CSS rules will be correct for the HTML code also pasted.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles