ik ben bezig met mijn layout
in ff doet hij het al, maar en ie niet en ik zou echt niet weten hoe ik het voor elkaar moet krijgen!!
hier is het script:
[code="css"]
body{background-color: #0000ff; color:white;}
.midden{background-image: url(midden.jpg); background-position: center; background-repeat:repeat-y; text-align: center;}
.mmidden{background-image: url(mmidden.jpg); background-repeat: repeat-y; text-align: center;}
table{width: 5em; position: center; text-align: center;}
.titel{background-color: #ee5454; text-align: center;}
.tekst{background-color: #670101; text-align: center;}
[/code]
menu:
[code="html"]
<html>
<head>
<title>menu</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style>
table{font-size:80%;}
a{color:black;text-decoration:none;font:bold}
a:hover {color:#FF0000; font-size:small;}
td.menu{background:#CCFFCC}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
background:blue;
}
</style>
<base target="inhoud">
</head>
<body>
<center><script language="JavaScript">
function toonmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function verstopmenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
<br><br><br><br>
<?php
include("mboven.html");
?>
<div class="mmidden">
<a href="begin.php"><img alt="naar homepage" src="../images/home.jpg" style='cursor:pointer' border="0" onMouseOver="this.src='../images/home2.jpg'" onMouseOut="this.src='../images/home.jpg'" onMouseDown="this.src='../images/home3.jpg'"></a><br>
<br>
<table width="10%" cellpadding="0" cellspacing="0" align="center">
<tr><td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')">
<a href="games.php"><img alt="games voor jouw" src="../images/games.jpg" style='cursor:pointer' border="0" onMouseOver="this.src='../images/games2.jpg'" onMouseOut="this.src='../images/games.jpg'" onMouseDown="this.src='../images/games3.jpg'"></a></td>
<td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')"><table class="menu" id="site1" width="100%">
<tr><td class="menu"><a href="games/anders.html">site's</a></td></tr>
<tr><td class="menu"><a href="games/eigen.html">Eigen</a></td></tr>
<tr><td class="menu"><a href="games/moppen.html">Moppen</a></td></tr>
<tr><td class="menu"><a href="games/vragen.html">vragen</a></td></tr>
</table></td>
</tr></table><br>
<a href="jij.php"><img alt="voor jouw" src="../images/jij.jpg" style='cursor:pointer' border="0" onMouseOver="this.src='../images/jij2.jpg'" onMouseOut="this.src='../images/jij.jpg'" onMouseDown="this.src='../images/jij3.jpg'"></a><br>
<br>
<a href="c1d/index.htm" target="_blanc"><img alt="voor c1d" src="../images/c1d.jpg" style='cursor:pointer' border="0" onMouseOver="this.src='../images/c1d2.jpg'" onMouseOut="this.src='../images/c1d.jpg'" onMouseDown="this.src='../images/c1d3.jpg'"></a>
</div>
<?php
include("monder.html");
?>
</center>
</body>
</html>
[/code]
begin.php
[code="html"]
<html>
<head>
<title>proef voor de achtergrond</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<center>
<?php
include("boven.html");
?>
<div class="midden">
<table class="tekst" align="center">
<tr><td class="titel">een titel!</td></tr>
<tr><td><b>lol</b></td></tr>
</table>
<br><br>
<table class="tekst" align="center">
<tr><td class="titel">fun!!!</td></tr>
<tr><td> wat een lol is er toch in de wereld en natuurlijk op mijn site!!!!<br>
want dit is de coolste/grappigste/lolligste/funnigste/coolste site van het hele internet!!</td></tr>
</table>
</div>
<?php
include("onder.html");
?>
</center>
</body>
</html>
[/code]
(let niet op de tekst, want dat is alleen maar om het te testen)
en de buttons moet ik ook nog ff veranderen
hier de link: