Hi I am designing a rental type website for a final project I need help with a couple of things.
I have this code below and each button clicks, add a specific movie, it has a form action that take you a movie preview page, I was wondering, how I could move the buttons so each button is under a move title, because if I try this the form action link stops working. Any ideas or help? Basically the buttons work but I i move the buttons underneath each movie the form action stops working?
Thank You
This is a php project but uses html btw.
<!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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Copyright" content="Creative Commons - http://creativecommons.org/licenses/by/2.0/" />
<style type="text/css">
<!--
body {
background-position: 0% 0%;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background-repeat: repeat;
background-attachment: scroll;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
/* =-=-=-=-=-=-=-[Menu Four]-=-=-=-=-=-=-=- */
#menu4 {
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
margin: 10px;
}
#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu4 li a:link, #menu4 li a:visited {
color: #9E3C02;
display: block;
background: url(menu4.gif);
padding: 8px 0 0 30px;
}
#menu4 li a:hover, #menu4 li #current {
color: #fff;
background: url(menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
}
#menu4 li a:active {
color: #fff;
background: url(menu4.gif) 0 -64px;
padding: 8px 0 0 30px;
}
.style1 {
margin-left: 0px;
}
-->
</style>
</head>
<body style="color: #800000; background-color: #880000">
<div id="menu4">
<ul>
<!-- CSS Tabs -->
<li><a id="current" href="HomePage.php">Home</a></li>
<li><a href="tv.php">TV</a></li>
<li><a href="movies.php">Movies</a></li>
<li><a href="Support.html">Account</a></li>
<li><a href="login.php">Login</a></li>
</div>
<p> </p>
<p>
<img alt="10BC" src="file:///C:/xampp/htdocs/video/images/10BC.jpg" width="158" height="195" />
<img alt="DK" src="file:///C:/xampp/htdocs/video/images/220px-Dark_Knight.jpg" width="163" height="194" />
<img alt="AD" src="file:///C:/xampp/htdocs/video/images/angelsdemons.jpg" width="156" height="195" />
<img alt="" src="file:///C:/xampp/htdocs/video/images/arena.jpg" width="152" height="194" />
<img alt="" src="file:///C:/xampp/htdocs/video/images/arewedoneyet.jpg" width="162" height="191" />
</p>
<p>
<form action="BC.php" method="GET" style="width: 75px">
<input name="Submit2" type="submit" value="ADD 10,000 B.C" style="width: 156px" />
</form>
<form action="DK.php" method="GET" style="width: 75px">
<input name="Submit3" type="submit" value="ADD The Dark Knight" style="width: 155px" />
</form>
<form action="ad.php" method="GET" style="width: 75px">
<input name="Submit1" type="submit" value="ADD Angels & Demons" style="width: 155px" />
</form>
<form action="arena.php" method="GET" style="width: 75px">
<input name="Submit4" type="submit" value=" ADD Arena" style="width: 155px" />
</form>
<form action="arewedone.php" method="GET" style="width: 75px">
<input name="Submit5" type="submit" value="ADD Are We Done Yet" style="width: 155px" /></form>
</form>
;
</p>
<p>
<img alt="Jay" src="file:///C:/xampp/htdocs/video/images/jayz.jpg" width="155" height="232" />
<img alt="" src="file:///C:/xampp/htdocs/video/images/brave.jpg" width="170" height="230" />
<img alt="" src="file:///C:/xampp/htdocs/video/images/invincible.jpg" width="163" height="229" />
<img alt="" src="file:///C:/xampp/htdocs/video/images/KFC.jpg" width="156" height="226" />
<img alt="" src="file:///C:/xampp/htdocs/video/images/0031538.jpg" width="161" height="229" /></p>
<form action="jayz.php" method="GET" style="width: 75px">
<input name="Submit6" type="submit" value="ADD Fade To Black" style="width: 163px" /> </form>
<form action="brave.php" method="GET" style="width: 75px">
<input name="Submit7" type="submit" value="ADD Home of the Brave" style="width: 163px" /> </form>
<form action="invincible.php" method="GET" style="width: 75px">
<input name="Submit8" type="submit" value="ADD Invincible" style="width: 161px" /></form>
<form action="kungfu.php" method="GET" style="width: 75px">
<input name="Submit9" type="submit" value="ADD Kung Fu Panda" style="width: 159px" class="style1" /></form>
<form action="conan.php" method="GET" style="width: 75px; height: 26px;">
<input name="Submit10" type="submit" value="ADD Conan The Barbarian" style="width: 161px" /></form>
</html>
