Eksamens projekt igen igen
Jeg er ved at lægge sidste hånd på mit eksamensprojekt, men er løbet ind i problemer:På denne side, har mit tidligere gruppemedlem, sat produktbilleder og flash filmen ind i layers, og positioneret med css...
http://soederberg-webdesign.dk/eksamenOrganic/shoppingcart/index.php
Men kan ikke finde ud af hvordan jeg retter det til, så det bliver positioneret rigtigt i forhold til hinanden...
Jeg ville godt lave det i divs og css..
Jeg kan ikke få flashfilmen, til at blive korrekt posioneret...
Her er html´en / Php´en:
<?php
// Include MySQL class
require_once('inc/mysql.class.php');
// Include database connection
require_once('inc/global.inc.php');
// Include functions
require_once('inc/functions.inc.php');
// Start the session
session_start();
?>
<!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>Organic Cotton, et multimediedesign eksamensprojekt</title>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="Køb Vero modas nye økologiske kollektion her!" />
<meta name="keywords" content="Vero Moda, Organic Cotton" />
<meta name="author" content="Organic Girls" />
<style type="text/css" media="all">
@import "../organic.css";
#apDiv1 {
position:absolute;
left:348px;
top:307px;
width:381px;
height:58px;
z-index:1;
}
</style>
</head>
<body>
<div id="content">
<div id="banner"><object type="application/x-shockwave-flash" data="../images/lonesBanner4.swf" width="900" height="200">
<param name="movie" value="../images/lonesBanner4.swf" />
<param name="quality" value="high" />
</object></div>
<div id="maincontent">
<div id="vdividermenu">
<ul>
<li><a href="../index.php" title="Home">Forside</a></li>
<li><a href="index.php" title="webshop">Webshop</a></li>
<li><a href="../visioner.php" title="visioner">Visioner</a></li>
<li id="current"><a href="../holdninger.php" title="Grundholdninger">Grundholdninger</a></li>
<li><a href="../betingelser.php" title="Handelsbetingelser">Handelsbetingelser</a></li>
<li><a href="../kontakt.php" title="kontakt">Kontakt </a></li>
</ul>
</div>
<div id="venstre">
<h1>Organic Cotton udvalg: </h1>
<?php
$sql = 'SELECT * FROM books ORDER BY id';
$result = $db->query($sql);
$output[] = '<ul>';
while ($row = $result->fetch()) {
$output[] = '<li>'.$row['title'].' <br/>Size: '.utf8_encode($row['author']).' <br/> Pris i kroner: '.$row['price'].' <br /> <button onclick="location.href=\'cart.php?action=add&id='.$row['id'].'\';return false" class="blue" name="Button'.$row['id'].'">Læg i kurv</button><br/><br/><br/><br/><br/></li>';
}
$output[] = '</ul>';
echo join('',$output);
?>
<div id="billed1"> <a href="../toej.php"><img src="../images/webshoptoej1.jpg" border="0" alt="Organic Cotton tøj"/></a> </div>
<div id="billed2"><a href="../2 toej.php"><img src="../images/webshoptoej2.jpg" width="129" height="120" border="0" alt="Organic Cotton tøj"/></a></div>
<div id="billed3"> <a href="../3 toej.php"><img src="../images/webshoptoej3.jpg" border="0" alt="Organic Cotton tøj"/></a> </div>
<div id="billed4"><a href="../4toej.php"><img src="../images/webshoptoej4.jpg" width="98" height="120" border="0" alt="Organic Cotton tøj"/></a></div>
<div id="reklame">
<object type="application/x-shockwave-flash" data="../images/lonesFilm4.swf" width="425" height="425">
<param name="movie" value="../images/lonesFilm4.swf" />
<param name="quality" value="high" />
</object> </div>
</div>
</div>
<center><div id="footer">
<p>©2008 | Organic Girls</p>
</div>
</center>
</div>
</body>
</html>
Og css´en:
/* CSS Document */
html, body {
margin: 0;
padding: 0;
}
body {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-image: url(images/sort2.jpg);
background-repeat: repeat;
background-attachment: fixed;
}
#content {
width: 900px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #feffff;
margin-left: auto;
margin-right: auto;
}
/*#maincontent {
width: 900px;
background-color: #FFFFFF;
}*/
#sidebar {
position: relative;
top: 0px;
float: right;
width: 304px;
background-color: #494e48;
line-height: 18px;
/*clear: right;*/
color: #ffffff;
}
#sidebar .padding {
padding: 0px 25px 25px 25px;
}
#venstre {
margin-right: 304px;
padding-left: 25px;
padding-top: 25px;
padding-right: 10px;
padding-bottom: 25px;
background-color: #feffff;
line-height: 18px;
}
#venstre .padding {
padding: 5px 25px 25px 50px;
}
#footer {
clear: both;
background: #333333;
height: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
border-top: 3px solid #494e48;
padding: 13px 25px;
line-height: 10px;
}
#vdividermenu ul{
margin: 0;
padding: 0;
/*margin-bottom: 1em;*/
float: left;
font: bold 100% Verdana;
width: 100%;
/*border: 1px solid #ffffff;*/
background-color: #333333;
}
* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 100%;
}
#vdividermenu ul li{
display: inline;
}
#vdividermenu ul li a{
float: left;
color: #FFFFFF;
padding: 2px 12px;
text-decoration: none;
background: transparent url(images/vertical.gif) center right no-repeat;
}
#vdividermenu ul li a:visited{
color: #FFFFFF;
}
#vdividermenu ul li a:hover{
color: #c5e792;
background-color: #000000;
}
#sidebar img {
padding: 0px 0px 100px 0px;
}
#CartIndhold {
padding-left: 25px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 25px;
background-color: #feffff;
line-height: 18px;
}
#footer2 {
clear: both;
background: #333333;
height: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
border-top: 3px solid #494e48;
line-height: 10px;
width: 900px;
}
h1 {
color: #666666;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
#footer3 {
clear: both;
background: #333333;
height: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
border-top: 3px solid #494e48;
padding-top: 15px;
line-height: 10px;
width: 900px;
}
#formHolder {
width: 96%;
}
#billed1 {
position:absolute;
margin-left:200px;
left: 252px;
top: 246px;
}
#billed2 {
position:absolute;
margin-left:200px;
left: 230px;
top: 400px;
}
#billed3 {
position:absolute;
margin-left:200px;
left: 263px;
top: 552px;
}
#billed4 {
position:absolute;
margin-left:200px;
left: 246px;
top: 702px;
}
#reklame {
position: absolute;
margin-left: 140px;
left: 326px;
top: 170px;
}
#flashfilmtekst {
position:absolute;
margin-left:200px;
left: 462px;
top: 251px;
}
a:link{
color: #66CC33;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #CCCCCC;
text-decoration: underline;
font-weight: bold;
}
a:visited {
color: #66CC33;
font-weight: bold;
text-decoration: none;
}
#sidebar2 {
position: relative;
top: 0px;
float: right;
width: 304px;
padding-bottom: 5400px;
background-color: #494e48;
line-height: 18px;
/*clear: right;*/
color: #ffffff;
}
/*#sidebar2 .padding {
padding: 0px 25px 25px 25px;
} */
#reklameLone {
float: right;
margin-left: 300px;
}
Er det til at fixe?
