indsætte kontaktform i mit index , kan ikke få den til at poppe
Har nu har jeg prøvet på forskellige leder og kanter det fint knappen kommer frem men den og der står noget med popup osv nede i bunden af browseren men den popper ikke op på siden, bliver nød til at kopirere hele kildeteksten ind for at få den til at virke men er det virklig sådan man gør det? der må der være en bedre løsning her min index filedet sådan ser lige meget hvor den kommer til at være jeg har bare brug for at forstå hvorfor den ikke tider poppe har prøvet i toppen i bunden i midten med require i bunden toppen osv osv.
her er det som skal ind i indexet
kontakt.php
<?PHP
require_once('popup-contactform.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<title>Contact us</title>
<link rel="STYLESHEET" type="text/css" href="popup-contact.css">
</head>
<body onload="java script:fg_hideform('fg_formContainer','fg_backgroundpopup');">
<p>
<a href='java script:fg_popup_form("fg_formContainer","fg_form_InnerContainer","fg_backgroundpopup");'
><img border='0' src='contact-us-button.png' width='213' height='39' /></a>
</p>
<?PHP
require_once('contactform-code.php');
?>
</body>
</html>
-----------------------------------------------------------
sådan herser min side som jeg skal havde det ind på sådan set lige meget hvor bare jheg kan få den til at virke ..
<!DOCTYPE html>
<html><head>
<meta charset="utf-8" />
<title>bla</title>
<meta name="description" content="" />
<meta name="Keywords" content="">
<meta name="robots" content="noydir" />
<meta name="robots" content="noodp" />
<link href="css/structure.css" rel="stylesheet" type="text/css" />
<link href="css/navigation.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href="css/slider.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/whatever.js"></script>
</head>
<body>
<!--- Header Start --->
<header>
<div class="container" >
<div id="logo_nav_main" >
<div id="logo" ><img src="images/logo.png" width="142" height="104" align="right"></div>
<div id="navigation_main" >
<div class="navigation" >
<ul id="nav">
<li class="parent" ><a href="#">bla</a></li>
<li class="parent" ><a href="#">Om os</a>
</li>
<li class="parent" ><a href="#">bla</a></li>
<li class="parent" ><a href="#">bla</a>
<ul>
<li><a href="#">bla</a></li>
<li><a href="#">bla</a></li>
<li><a href="#">bla</a></li>
<li><a href="#">bla</a></li>
</ul>
</li>
<li class="parent" ><a href="#">bla</a></li>
<li class="parent" ><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="clear" ></div>
</div>
</header><!--- Header End --->
<!--- Banner Start --->
<div id="banner_main" >
<div class="container">
<div id="banner" >
<div id="slider">
<ul id="sliderContent">
<li class="sliderImage"><img src="images/banner1.jpg" alt="1" />
<span class="bottom"></span>
</li>
<li class="sliderImage"><img src="images/banner2.jpg" alt="2" />
<span class="bottom"></span>
</li>
<li class="sliderImage"><img src="images/banner3.jpg" alt="2" />
<span class="bottom"></span>
</li>
<li class="sliderImage"><img src="images/banner4.jpg" alt="2" />
<span class="bottom"></span>
</li>
<div class="clear sliderImage"></div>
</ul>
</div>
</div>
</div>
</div><!--- Banner End --->
<!--- Round Box Start --->
<div id="round_box_main" >
<div id="round_box" >
<ul class="round_box" >
<li>
<div class="icon" ><a href="#"><a href="#"></a><a href="#"><img src="images/bla.png" alt="" width="67" height="63" /></a></div>
<div id="box_text" >
<div class="title" ><a href="hire-android-app-developer.html">bla</a></div>
<div class="simple_text"><a href="#">bla.</a><a href="#"></a></div>
</div>
</li>
<li>
<div class="icon" ><a href="#"></a>
<blockquote>
<p><a href="#l"><img src="images/box_web_icon.png" alt="" width="67" height="63" /></a></p>
</blockquote>
</div>
<div id="box_text" >
<div class="title" ><a href="#">bla</a></div>
<div class="simple_text" ><a href="#">bla.<br>
.</a></div>
</div>
</li>
<li>
<div class="icon" ><a href="#"><img src="images/strategi.png" width="67" height="63" /></a></div>
<div id="box_text" >
<div class="title" ><a href="#">bla</a></div>
<div class="simple_text" ><a href="#"> bla</a></div>
</div>
</li>
<li class="box_last" >
<div class="icon" ><a href="#"><img src="images/service.png" width="67" height="63" /></a></div>
<div id="box_text" >
<div class="title" ><a href="#">bla/a></div>
<div class="simple_text" >
<div>
<div>
<p><a href="#">bla</a></p>
</div>
</div>
<a href="bla"></a></div>
</div>
</li>
<div class="clear" ></div>
</ul>
<div class="clear" ></div>
</div>
</div>
<!--- Round Box End --->
<!--- Blue Bubble Start --->
<div id="blue_bubble_main" >
<div class="blue_bubble" >bla - <a href="kontakt/contact.php" onclick="window.open (this.href, 'newwindow', config='height=500,width=700, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no'); return false">Send forspørgelse</a></div>
</div><!--- Blue Bubble End --->
<!--- Middle Start --->
<div id="main_box" >
<div class="container" >
<h1>bla</h1>
<div class="sub_title" >bla.</div>
<p> </p>
<div id="left_main" >
<ul class="gray_arrow" >
<p><strong>Hvad vi tilbyder:</strong></p>
<li>bla</li>
<li>bla</li>
<li></li>
</ul>
</div>
<div id="right_main" >
<ul class="gray_arrow" >
<p><strong>bla</strong></p>
<li>HTML<br>
</li>
<li>bla</li>
<li>bla</li>
<li>bla</li>
</ul>
</div>
<div class="clear" ></div>
</div>
</div>
<!--- Middle End --->
<!--- Testimonials Start --->
<div id="testimonials_main" >
<div class="container" >
<h2>Kundeudtalelser & Vores Teknologi</h2>
<div class="sub_title" ></div>
<div id="testimonials_technology_main" >
<div id="testimonials_box" >
<div id="slideshow">
<div class="active">
bla.<br/><a href="#">- bla</a>
</div>
</div>
</div>
<div id="technology_box" >
<div class="img_div" ><a href="#"><img src="images/technology_logo1.jpg" width="104" height="67" /></a></div>
<div class="img_div middle_div" ><a href="#"><img src="images/technology_logo2.jpg" width="104" height="67" /></a></div>
<div class="img_div" ><a href="#"><img src="images/technology_logo3.jpg" width="104" height="67" /></a></div>
<div class="img_div img_padding" ><a href="#"><img src="images/technology_logo4.jpg" width="104" height="67" /></a></div>
<div class="img_div middle_div img_padding" ><a href="#"><img src="images/technology_logo5.jpg" width="104" height="67" /></a></div>
<div class="img_div img_padding" ><a href="#"><img src="images/technology_logo6.jpg" width="104" height="67" /></a></div>
</div>
<div class="clear" ></div>
</div>
</div>
</div><!--- Testimonials End --->
<!--- Footer Start --->
<footer>
<div class="container" >
<ul id="footer_section" >
<li>
<h2>kontakt os</h2>
<p>E-mail: bla <br/>Telefon : bla</p>
</li>
<li>
<h2>bla</h2>
<p>bla</p>
</li>
<li class="footer_page_link" >
<h2>bla</h2>
<a href="aboutus.html">Om os </a>
<a href="bla">bla</a>
<a href="bla">bla</a>
<a href="contact-us.html">Kontakt os</a>
</li>
<li class="last">
<h2>Følg OS</h2>
<div id="subscribe_img" ><a href="#"><img src="images/google_plus_icon.png" width="23" height="23" /></a> <a href="#" target="_blank"><img src="images/twitter_icon.png" width="23" height="23" /></a> <a href="https://www.facebook.com/" target="_blank"><img src="images/fb_icon.png" width="23" height="23" /></a> <a href="http://www.pinterest.com//"><img src="images/pinterest_icon.png" width="23" height="23" /></a> <a href="#"><img src="images/linkedin_icon.png" width="23" height="23" /></a></div>
</li>
<div class="clear" ></div>
</ul>
</div>
<div class="clear" ></div>
</footer>
<div id="copyright_mian" >
<div class="copyright_inner" >All Rights Reserved. Copyright © bla.</div>
</div><!--- Footer End --->
<script type="text/javascript" src="scripts/CreateHTML5Elements.js"></script>
<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 3000
});
});
</script>
<script type="text/javascript" src="scripts/whatever.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'blah', 'blah');a
ga('send', 'pageview');