Webmasterplein.net

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:

Ik zie geen verschil

Ik denk dat je de ruimtes tussen de cellen op 0 moet zetten via cellspacing en padding.

moet ik dat dan in de css of in de div zetten?

Via css in de div Razz

heb ik gedaan, maar het werkt niet,
dus ik heb ff iets geprobeerd namelijk in mijn css het volgende erbij zetten:
[code="css"]
position: relative; left: -3px; top:-5px;
[/code]
dit werkt, alleen is het probleem nu dat het niet werkt en FF, dus ik dacht dan kan ik het doen met een scriptje die kijkt welke browser diegene gebruikt en dan daarmee de css veranderd.
maar het probleem is:
1. is het wel een goed idee
2. zo ja weet iemand er dan een script voor?

gr
libia

Zo'n scriptje is een tikkeltje overdreven... Ik geef toe, het is vaak flink kloten, maar het is meestal heel goed mogelijk om het 'gewoon' op te lossen Wink

ook goed, maar hoe Confused

oke bedankt Razz

ik zal wel ff zoeken op het internet!

Kijk, dat is al beter ^^

Webmasterplein.net

probleem met layout!

probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!

Re: probleem met layout!