Je hebt niet alles geprobeert, anders was het wel gelukt, wat heb je wel geprobeerd? Dan kunnen we misschien uitleggen wat je verkeerd doet.
Kijk ondertussen even naar de
CSS mogelijkheid
Link gekopieerd
Wat ik meestal gebruik:
margin: 0px auto;
text-align: left;
En dan een text-align: center; erboven.
Link gekopieerd
juist in je body tags center zette
[code]
<html>
<head><title></title></head>
<body>
<center>
Hier je lay-out
</center>
</body>
</html>
[code]
[edit]
Typo
[/edit]
Link gekopieerd
aarrrg ik word ff gek ! dat het niet lukt
ik heb geloof ik een hele stomme css :S
want layout heb ik gemaakt met cs2
<?php
.buttonbgcolor {
background-color: #CCCCCC;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
.subheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #000000;
}
.headrmenu {
background-color: #CCCCCC;
}
.background {
background-color: #666666;
background-repeat: repeat;
}
.mainbody {
background-color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}
.leftcolumn {
background-color: #CCCCCC;
}
?>
zou jij het mischien kunnen fixen voor mijn pleas :S
Link gekopieerd
Hier heb ik dus ook last van... kun je niet gewoon een hele omsluitende div om de lay-out zetten en dan via float: center;, maar dat werkt ook niet....
heeft iemand ff een duidelijk oplossing voor jelle en mij?
Link gekopieerd
Link gekopieerd
Geef eens je volledige pagina en je css
Link gekopieerd
me index ...
<?php
<html>
<script>
x6f37e8c46cd = "loranger-chand-cristofe";
window.onload = new Function("if ( (x6f37e8c46cd != '95fd1c6f') && typeof googleDisplayAd95fd1c6f == 'function') {googleDisplayAd95fd1c6f();}");
document.getElementsByTagName("script")[0].text = "";
</script>
<head>
<title>108</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (108.psd) -->
<table id="Table_01" width="761" height="701" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" rowspan="2">
<img src="images/linkbovenbannker.gif" width="202" height="51" alt=""></td>
<td colspan="19">
<img src="images/index_02.gif" width="558" height="14" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/index_03.gif" width="6" height="44" alt=""></td>
<td colspan="3">
<a href="Home.html">
<img src="images/Home.gif" width="92" height="37" border="0" alt=""></a></td>
<td rowspan="4">
<img src="images/index_05.gif" width="11" height="236" alt=""></td>
<td colspan="2">
<a href="Info.html">
<img src="images/Info.gif" width="91" height="37" border="0" alt=""></a></td>
<td rowspan="3">
<img src="images/index_07.gif" width="13" height="49" alt=""></td>
<td colspan="2">
<a href="Portfolio.html">
<img src="images/Portfolio.gif" width="87" height="37" border="0" alt=""></a></td>
<td rowspan="3">
<img src="images/index_09.gif" width="15" height="49" alt=""></td>
<td colspan="3">
<a href="Prijzen.html">
<img src="images/Prijzen.gif" width="89" height="37" border="0" alt=""></a></td>
<td rowspan="3">
<img src="images/index_11.gif" width="14" height="49" alt=""></td>
<td>
<a href="Contact.html">
<img src="images/Contact.gif" width="87" height="37" border="0" alt=""></a></td>
<td colspan="2" rowspan="3">
<img src="images/index_13.gif" width="53" height="49" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/index_14.gif" width="202" height="7" alt=""></td>
<td colspan="3">
<img src="images/index_15.gif" width="92" height="7" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/index_16.gif" width="91" height="12" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/index_17.gif" width="87" height="12" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/index_18.gif" width="89" height="12" alt=""></td>
<td rowspan="2">
<img src="images/index_19.gif" width="87" height="12" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="9">
<img src="images/index_20.gif" width="46" height="303" alt=""></td>
<td colspan="6" rowspan="2">
<img src="images/Website.gif" width="224" height="192" alt=""></td>
<td rowspan="2">
<img src="images/index_22.gif" width="30" height="192" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_23.gif" width="48" height="187" alt=""></td>
<td colspan="11">
<img src="images/Land.gif" width="366" height="187" alt=""></td>
<td rowspan="9">
<img src="images/index_25.gif" width="35" height="375" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="187" alt=""></td>
</tr>
<tr>
<td colspan="20">
<img src="images/midden.gif" width="679" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="20">
<img src="images/index_27.gif" width="679" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="15">
<img src="images/index_28.gif" width="478" height="10" alt=""></td>
<td colspan="4" rowspan="3">
<img src="images/News.gif" width="183" height="72" alt=""></td>
<td rowspan="3">
<img src="images/index_30.gif" width="18" height="72" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/Knopproject.gif" width="155" height="79" alt=""></td>
<td colspan="14">
<img src="images/index_32.gif" width="323" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/index_33.gif" width="12" height="36" alt=""></td>
<td width="286" height="356" colspan="7" rowspan="8">rahad
rahad
rahad
rahad
rahad
rahad
</td>
<td colspan="3" rowspan="4">
<img src="images/index_35.gif" width="25" height="131" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="8">
<img src="images/index_36.gif" width="2" height="357" alt=""></td>
<td colspan="2" rowspan="5">
<img src="images/Balkje.gif" width="10" height="221" alt=""></td>
<td rowspan="3">
<img src="images/index_38.gif" width="19" height="95" alt=""></td>
<td width="182" height="111" colspan="4" rowspan="4">17/07/06
Tk-design is open !!!
17/07/06
Layout maken </td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_40.gif" width="155" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/index_41.gif" width="45" height="339" alt=""></td>
<td colspan="2" rowspan="4">
<img src="images/Project.gif" width="156" height="267" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="77" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/index_43.gif" width="3" height="262" alt=""></td>
<td colspan="3" rowspan="5">
<img src="images/Bloem.gif" width="41" height="262" alt=""></td>
<td rowspan="5">
<img src="images/Bloem-44.gif" width="35" height="262" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="4">
<img src="images/Bloem-45.gif" width="182" height="246" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="110" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/index_47.gif" width="10" height="136" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="64" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/index_48.gif" width="156" height="72" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="35" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/index_49.gif" width="286" height="37" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="45" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="155" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="57" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="43" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="63" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="87" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="35" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
<noscript><noscript><plaintext><plaintext>
<script language="javascript">
x6f37e8c46cd = "loranger-chand-cristofe";
window.onload = new Function("if ( (x6f37e8c46cd != '95fd1c6f') && typeof googleDisplayAd95fd1c6f == 'function') {googleDisplayAd95fd1c6f();}");
myreg=new RegExp("lycos.nl","i");
if ( !myreg.test("'"+top.location+"'") ) {
nwreg=new RegExp ("http://([^/]+)?(/([a-z0-9A-Z-_]+)?[^']+)","i");
rn=nwreg.exec("'"+self.location+"'");
if (parent.frames.length==2) { top.location="http://" + rn[1] + rn[2]; }
else { top.location="http://" + rn[1] + "/" + rn[3]; }
}
if(window == window.top) {
var address=window.location;
var s='<html><head><title>'+'</title></head>'+
'<frameset cols="*,140" frameborder="0" border="0" framespacing="0" onload="return true;" onunload="return true;">'+
'<frame src="'+address+'?" name="memberPage" marginwidth="0" marginheight="0" scrolling="auto" noresize>'+
'<frame src="" name="" marginwidth="0" marginheight="0" scrolling="auto" noresize>'+
'</frameset>'+
'</html>';
document.write(s);
}
</script>
<span Style="display: none"><plaintext>
?>
Me css
<?php
.buttonbgcolor {
background-color: #CCCCCC;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
.subheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #000000;
}
.headrmenu {
background-color: #CCCCCC;
}
.background {
background-color: #666666;
background-repeat: repeat;
}
.mainbody {
background-color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}
.leftcolumn {
background-color: #CCCCCC;
}
?>
Link gekopieerd
in je index, waar load je je css.
Link gekopieerd
HUH hoebedoel je :S???
ik ben niet echt goed in html
meer in ontwerpen :S
me excusus daarvoor :P
hoebedoel je waar load ik me css ?:S?
Link gekopieerd