beste helpers, normaal zal je mijn nooit zien in deze sectie maar ik zit nu echt met een enorm vaag probleem.
wanneer ik tekst in mijn content vak plaatst past hij alles heel mooi aan.
maar wanneer ik er een tabel in zet doet hij vreemd en past hij zich niet aan?
heeft iemand een idee waar het aan zou kunnen liggen.
wanneer ik tekst in mijn content vak plaatst past hij alles heel mooi aan.
maar wanneer ik er een tabel in zet doet hij vreemd en past hij zich niet aan?
heeft iemand een idee waar het aan zou kunnen liggen.
HTML:
html, body {
background-color: #161616;
font-size: 10pt;
font-family: verdana, arial, sans-serif;
height: 100%
}
#banner {
background: url('../img/layout/banner.png');
width: 948px;
height: 192px;
border: 0px black solid;
}
#menu {
background: url('../img/layout/navigatie.png');
background-repeat: no-repeat;
width: 948px;
height: 45px;
border: 0px black solid;
text-align: left;
vertical-align: top;
}
.menu_text {
padding-top: 2px;
text-align: top left;
color: white;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
.menu_text02 {
padding-top: 2px;
text-align: top left;
color: white;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
a {
color: white;
text-decoration: none;
}
#content {
background: #131313;
width: 948;
height: auto;
border: 1px #1a211c solid;
}
.content_top {
background: url('../img/layout/content.png');
background-repeat: no-repeat;
width: 948px;
height: 32px;
color: white;
font-weight: bold;
font-size: 10pt;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 0px;
}
.content_text {
color: white;
font-size: 10pt;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
table {
color: white;
font-size: 10pt;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
#footer{
position: fixed;
left: 0px;
bottom: 0px;
height: 30px;
width: 100%;
background: #131313;
text-align: center;
color: white;
border-top: 1px #1a211c solid;
}
/* for IE^6 */
* html #footer{
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
.footer_text {
padding-top: 5px;
padding-bottom: 5px;
}
HTML:
<html>
<head>
<title>Portfolio</title>
<link rel="stylesheet" type="text/css" href="styles/main.css" title="Default style" />
<link rel="stylesheet" href="styles/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript">
var submenu=new Array()
submenu[-2]='Welkom op mijn portfolio, deze knop gaat naar mijn profiel'
submenu[-1]='Welkom op mijn portfolio'
submenu[0]='<b>Project 1:</b> | <a href="index.php?x=photoshop">Photoshop<\/a> | <a href="index.php">Html<\/a> | <a href="index.php?x=kubus">Kubus<\/a> | <a href="index.php">Communicatie<\/a> | <a href="index.php">Vormgeven<\/a> | <a href="index.php">Overige<\/a> |'
submenu[1]='<b>Project 2:</b> | <a href="index.php">Flash<\/a> | <a href="index.php">Illustrator<\/a> |<a href="index.php">Communicatie<\/a> |<a href="index.php">Vormgeven<\/a> |<a href="index.php">Overige<\/a> |'
function toon(teller) {
document.getElementById('menu_text02').style.visibility="visible"
document.getElementById('menu_text02').innerHTML=submenu[teller]}
</script>
</head>
<body OnLoad="toon(-1)">
<center>
<SCRIPT LANGUAGE="JavaScript">
function NewWindow(mypage, myname, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable'
win = window.open(mypage, myname, winprops)
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
</script>
<div id="banner"></div>
<div id="menu">
<table width="100%">
<div class="menu_text">
<!-- Hoofd menu's hier -->
<a onMouseover="toon(-2)" href="index.php">Profiel</a> | <a onMouseover="toon(0)">Project 1</a> | <a onMouseover="toon(1)">Project 2</a>
</div>
<div class="menu_text02" id="menu_text02" onmouseover="show()"><br></div>
</div>
<br/>
<div id="content">
<div class="content_top"></div>
<div class="content_text">
CONTENT HIER DIT WERKT WEL MET EEN TEKST MAAR NIET MET EEN TABLE
HOE VREEMD?
</div>
</div>
<br><br><br><br>
<div id="footer"><div class="footer_text">Copyrigh by Michael Beers 2008 - <?php echo date('Y');?></div></div>
</center>
</body>
</html>
