iframe help

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

Hi I am using an iframe on my website that contanes my nav bar but the links do not work why is this here is my code the url's are right ive checked them:
on my page (does have the <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> on it)
Code: [ Select ]
<div id="nav">
    <iframe
    src ="assets/nav.html"
    width="100%">
    </iframe>
    </div>
  1. <div id="nav">
  2.     <iframe
  3.     src ="assets/nav.html"
  4.     width="100%">
  5.     </iframe>
  6.     </div>

and this is nav.html in the assets folder
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/styles.css" />
</head>
<body>
<a href="index.html">Home</a>
<a href="forms.html">Forms</a>
<a href="tutorial.html">Tutorials </a>
<a href="contact.html">Contact Us</a>
<a href="faqs.html">FAQ's</a>
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="../css/styles.css" />
  5. </head>
  6. <body>
  7. <a href="index.html">Home</a>
  8. <a href="forms.html">Forms</a>
  9. <a href="tutorial.html">Tutorials </a>
  10. <a href="contact.html">Contact Us</a>
  11. <a href="faqs.html">FAQ's</a>
  12. </body>
  13. </html>


and here is the relative part of the css
Code: [ Select ]
#nav a {
    display:block;
    position:relative;
    width:50px;
    height:50px;
    float:left;
    font-size:12pt;
    color:#FFFFFF;
    background:url(../assets/navbutt.gif);
    text-decoration:none;
    }
   
#nav a:active {
    background:url(../assets/navbuttdown.gif);
    color:#260526;
    }
   
#nav a:hover {
    background:url(../assets/navbuttdown.gif);
    color:#260526;
    }
  1. #nav a {
  2.     display:block;
  3.     position:relative;
  4.     width:50px;
  5.     height:50px;
  6.     float:left;
  7.     font-size:12pt;
  8.     color:#FFFFFF;
  9.     background:url(../assets/navbutt.gif);
  10.     text-decoration:none;
  11.     }
  12.    
  13. #nav a:active {
  14.     background:url(../assets/navbuttdown.gif);
  15.     color:#260526;
  16.     }
  17.    
  18. #nav a:hover {
  19.     background:url(../assets/navbuttdown.gif);
  20.     color:#260526;
  21.     }
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 39 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.