www.webdeveloper.com
Results 1 to 3 of 3

Thread: Link not showing at bottom of page

Hybrid View

  1. #1
    Join Date
    Mar 2006
    Location
    Australia, Newcastle
    Posts
    34

    Link not showing at bottom of page

    I've tried to insert a privacy link at the bottom of this page but it is not showing.

    This is the script I've tried to use for the link.
    Code:
    <div id="privacy">We respect your <a href="https://www.aweber.com/permission.htm">privacy</a></div>
    As you can see the link is not showing on my page.

    Here is the complete HTML script and CSS I've used.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    
    <div class="container">
    	<div id="content">
    	  <p>Hi, My name is Sean Heston. I've gone through a ton of programs, pills, and gimmicks, before I began to see success.<br /> 
          That's why I developed this 7 day part rules video course to help guys like us and as a thank you for visiting my page, my 7 rules are:		</p>
    		<ol>
    		  <li>
    		    Having a plan before buying any workout program is crucial.
    		  </li>
    		  <li>
    		    Avoid these common mistakes, making to many goals, just working out the show off muscles...</li>
    		  <li>Having bigger muscles does not mean stronger muscles.</li>
    		  <li>Start with free weights</li>
    		  <li>Use compound lifts, they workout several muscles at once!</li>
    		  <li>
    		    Do high intensity cardio, running for miles is not great for weight loss believe it or not!
    		  </li>
    		  <li>
    		    Nutrition, fat actually needs to be apart of a healthy diet, yes you heard right, they are healthy fats we actually need to eat to be in shape!</li>
    	  </ol>
          <div id="privacy">We respect your <a href="https://www.aweber.com/permission.htm">privacy</a></div>
    </div><!--content -->
    	
    	
    	<div id="form_title">7 Golden Rules Video Course</div><!--form_title -->
    	<div id="form_description">
    		<p style="text-align:center;">Just fill out this form <br />
    		</p>
    		<p style="font-size:12px; padding-left:15px;"> Each rule will be gone through in depth<br />
    		 Know the exercises and diets that work for us<br />
    		 At the end you'll know what program to choose</p>
    	</div><!--form_description -->
    	
    	
    	<div id="form_input">
    	
    	
    <form method="post" class="af-form-wrapper" action="https://www.aweber.com/scripts/addlead.pl" target="_new"  >	
    		<div style="display: none;">
    			<input type="hidden" name="meta_web_form_id" value="2065841313" />
    			<input type="hidden" name="meta_split_id" value="" />
    			<input type="hidden" name="listname" value="musclesbuilder" />
    			<input type="hidden" name="redirect" value="http://www.getrippedez.com/thankyou.html" id="redirect_a5c5573c16668e19ac057ec16fa30cd3" />
    			<input type="hidden" name="meta_adtracking" value="muscle_building" />
    			<input type="hidden" name="meta_message" value="1" />
    			<input type="hidden" name="meta_required" value="name,email" />
    			<input type="hidden" name="meta_tooltip" value="" />
    		</div>
    		
    		<p><input type="text" value="" name="name" id="fname" class="input"  /></p>
    		<p><input type="text" value="" name="email" id="email" class="input"  /></p>
    		<input type="image" src="images/submit_button.png" class="button" name="Submit" />
    		
    		<div style="display: none;"><img src="https://forms.aweber.com/form/displays.htm?id=TAxsrBwsjMyMzA==" alt="" /></div>
    	</form>
    </div>
      </div><!--form_input -->
    </div><!--container -->
    </body>
    </html>
    Code:
    @charset utf-8;
    
    body {
    background-color:#42413C;
    color:#000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:normal;
    margin:0;
    padding:0;
    }
    
    h1,h2,h3,h4,h5,h6,p {
    	margin-top:0;
    	padding-right:0;
    	padding-left:0;
    	font-size: 12px;
    }
    
    a img {
    border:none;
    }
    
    .container {
    width:810px;
    background-color:#000;
    overflow:hidden;
    padding-top:18px;
    padding-bottom:18px;
    font-size:16px;
    margin:0 auto;
    }
    
    .clearfloat {
    clear:both;
    height:0;
    font-size:1px;
    line-height:0;
    }
    
    #content {
    float:left;
    position:relative;
    width:459px;
    height:411px;
    margin-left:18px;
    color:#FFF;
    line-height:23px;
    font-weight:700;
    background-repeat:no-repeat;
    background-position:left bottom;
    }
    
    #content strong {
    color:#FF0;
    }
    
    #form_title {
    float:left;
    position:relative;
    width:297px;
    height:31px;
    background-color:#cccdca;
    margin-right:18px;
    margin-left:18px;
    text-align:center;
    text-decoration:underline;
    line-height:normal;
    padding-top:5px;
    }
    
    #form_description {
    float:left;
    position:relative;
    width:297px;
    height:110px;
    background-color:#fffd12;
    margin-right:18px;
    margin-left:18px;
    font-size:13px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-weight:700;
    padding-top:10px;
    }
    
    #form_input {
    float:left;
    position:relative;
    width:295px;
    height:165px;
    background-image:url(../images/input_bg.png);
    background-repeat:no-repeat;
    background-position:center top;
    padding-top:90px;
    padding-left:38px;
    }
    
    #fname {
    height:25px;
    width:225px;
    padding-right:20px;
    padding-left:15px;
    margin-bottom:10px;
    background:transparent;
    border:none;
    }
    
    #email {
    height:25px;
    width:225px;
    padding-right:20px;
    padding-left:15px;
    background:transparent;
    border:none;
    }
    
    .button {
    position:relative;
    top:-7px;
    left:-10px;
    }
    .container #content ol {
    	font-size: 14px;
    	line-height: 20px;
    }
    .container #content #privacy {
    	font-size: 12px;
    }
    a:link {
    	color: #FF0;
    }

  2. #2
    Join Date
    Mar 2012
    Location
    Kumta, Karnataka
    Posts
    3
    Probably it has to deal with the CMS you are using, I don't see your inserted link in your page source code. If it is a static page and if you have inserted it, it should have shown it.

  3. #3
    Join Date
    Aug 2012
    Posts
    155
    Firstly you don't need to declare all your divs when declaring your #privacy div and a:link should just be a
    Code:
    #privacy {
    	font-size: 12px;
    }
    a {
    	color: #FF0;
    }
    If the link colour is only applicable to the privacy div then
    Code:
    #privacy a {
    	color: #FF0;
    }
    However, your main problem is that your privacy div is inside your content div which is set to a height of 411px and there is not enough room to show the paragraph, ordered list and privacy div (remove the height from the content div and you will see your text and link appear).

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