Nieuw lid |
|
hey ik heb een probleem
ik ben aan het oefenen met layout in tabelen
en ik heb een banner bewerkt maar omdat ieder beeldscherm anders is, heb ik het maar bij een bepaalt pixels gehouden maar in mijn tabel achtergrond heb ik dit ingevoegd maar in mijn beeldscherm geeft mijn server de afbeelding naast elkaar.
omdat mijn beeldscherm namenlijk een 17 inches is
is hier een bepaalde css of html code voor mijn probleem?
de afbeelding moet op ieder beeldscherm 100% weergegeven worden!
voor een voorbeeld ga naar mijn server
www.master-vincent.serverthuis.nl/layout/2/
layout codes
index.php
<html>
<head>
<title>layout 2</title>
<LINK HREF="style.css" REL="stylesheet" TYPE="text/css">
<meta name="description" content="site omschrijving">
<meta name="keywords" content="sleutel woorden/zoekwoorden">
<meta name="language" content="Nederlands">
<meta name="copyright" content="Copyright vincent 2009">
<meta name="author" content="Vincent">
<meta name="publisher" content="site eigenaar">
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<meta name="generator" content="Notepad ++">
<meta http-equiv="reply-to" content="E-mail">
</head>
<body oncontextmenu="return false" ondragstart="return" onselectstart="return false">
<center><table height="100%" width="80%" border="0">
<tr><td id="banner" colspan="2" width="100%" height="28%">
<center>Banner</center>
</td>
</tr>
<tr>
<td id="streep" colspan="2" width="12">
<center>
Streep
</center>
</td>
</tr>
<tr>
<td id="menu" width="20%" height="68%" >
Menu
</td>
<td id="content" width="80%" height="68%">
<DIV STYLE="overflow-y: scroll; overflow-x: no; height: 100%; width: 100%">
Main
<br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
</div>
</td>
</tr>
<tr>
<TR><TD WIDTH="20%" height="12%">
gemaakt door
</TD><TD WIDTH="80%" height="12%">
Ads door google
</td></tr>
<table></center>
</body>
</html>
<html> <head> <title>layout 2</title> <LINK HREF="style.css" REL="stylesheet" TYPE="text/css"> <meta name="description" content="site omschrijving"> <meta name="keywords" content="sleutel woorden/zoekwoorden"> <meta name="language" content="Nederlands"> <meta name="copyright" content="Copyright vincent 2009"> <meta name="author" content="Vincent"> <meta name="publisher" content="site eigenaar"> <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta name="generator" content="Notepad ++"> <meta http-equiv="reply-to" content="E-mail"> </head> <body oncontextmenu="return false" ondragstart="return" onselectstart="return false"> <center><table height="100%" width="80%" border="0"> <tr><td id="banner" colspan="2" width="100%" height="28%"> <center>Banner</center> </td> </tr> <tr> <td id="streep" colspan="2" width="12"> <center> Streep </center> </td> </tr> <tr> <td id="menu" width="20%" height="68%" > Menu </td> <td id="content" width="80%" height="68%"> <DIV STYLE="overflow-y: scroll; overflow-x: no; height: 100%; width: 100%"> Main <br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br><br> </div> </td> </tr> <tr> <TR><TD WIDTH="20%" height="12%"> gemaakt door </TD><TD WIDTH="80%" height="12%"> Ads door google </td></tr> <table></center> </body> </html>
BODY{
background-color:#C0C0C0;
}
table {
background-color:#00BFFF;
}
#banner {
background-image:url('images/banner.gif');
background-repeat: repeat-x background-repeat: no-repeat
}
#streep {
background-color;#00BFFF;
}
#menu {
background-color:#00BFFF;
}
#content {
background-color:#ADFF2F;
background-color:#;
scrollbar-face-color:#00008B;
scrollbar-highlight-color:#00008B;
scrollbar-3dlight-color:#00008B;
scrollbar-darkshadow-color:#00008B;
scrollbar-shadow-color:#00008B ;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color:#ADFF2F;
}
#navigatie {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
width: 13em;
border-right: 0px solid #666;
padding: 0;
margin-bottom: 1em;
color: #333;
}
#navigatie ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigatie ul li {
margin: 0;
border-top: 1px solid #003;
}
#navigatie ul li a {
display: block;
padding: 2px 2px 2px 2px;
background-color: #DEB887;
color: #008000;
text-decoration: none;
width: 100%;
}
#navigatie ul li a {
width: auto;
}
#navigatie ul li a:hover {
background-color: #FFA500;
color: #fff;
}
BODY{ background-color:#C0C0C0; } table { background-color:#00BFFF; } #banner { background-image:url('images/banner.gif'); background-repeat: repeat-x background-repeat: no-repeat } #streep { background-color;#00BFFF; } #menu { background-color:#00BFFF; } #content { background-color:#ADFF2F; background-color:#; scrollbar-face-color:#00008B; scrollbar-highlight-color:#00008B; scrollbar-3dlight-color:#00008B; scrollbar-darkshadow-color:#00008B; scrollbar-shadow-color:#00008B ; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color:#ADFF2F; } #navigatie { font-family: verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; width: 13em; border-right: 0px solid #666; padding: 0; margin-bottom: 1em; color: #333; } #navigatie ul { list-style: none; margin: 0; padding: 0; } #navigatie ul li { margin: 0; border-top: 1px solid #003; } #navigatie ul li a { display: block; padding: 2px 2px 2px 2px; background-color: #DEB887; color: #008000; text-decoration: none; width: 100%; } #navigatie ul li a { width: auto; } #navigatie ul li a:hover { background-color: #FFA500; color: #fff; }
|