djeric
Gebruiker
- Lid geworden
- 22 nov 2006
- Berichten
- 955
hallo.
op mijn website yourdjeric zie ik bij mijn breedbeeld scherm op een scherm resolutie van: 1280 x 720 de filmstrip aan de rechterzijde niet uiterst rechts staan. voorheen was dit wel. ik denk dat er iets is mis gegaan in de css code met een regel waar bij je iets voorgang geeft met een bepaalde code maar zie geen fouten. (aldus de validator)
op mijn website yourdjeric zie ik bij mijn breedbeeld scherm op een scherm resolutie van: 1280 x 720 de filmstrip aan de rechterzijde niet uiterst rechts staan. voorheen was dit wel. ik denk dat er iets is mis gegaan in de css code met een regel waar bij je iets voorgang geeft met een bepaalde code maar zie geen fouten. (aldus de validator)
Code:
body {
background-image : url('../images/blue010.gif');
background-attachment : fixed;
background-repeat : repeat;
}
#menu {
position : absolute;
top : 30px;
left : 10px;
padding : 0;
margin : 0 0 0 0;
text-align : center;
width : 180px;
}
#menu ul {
list-style-type : none;
display : block;
padding : 0;
margin : 0;
}
#menu a {
background-color : #66ff66;
display : block;
padding : 5px;
margin : 10px;
line-height : normal;
text-decoration : none;
border : 0 solid #0000ff;
width : 120px;
color : #ff0000;
font-weight : bold;
}
#menu a:hover {
color : #ffffff;
background : #ff0000;
}
#logo {
background-image : url('images/logo.jpg');
background-repeat : no-repeat;
position : absolute;
top : 40px;
left : 200px;
height : 150px;
width : 600px;
}
#inhoud {
background-attachment : scroll;
background-repeat : repeat-y;
position : absolute;
top : 210px;
left : 200px;
width : 600px;
color : #fff999;
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
font-size : medium;
font-weight : 100;
}
#inhoud h2 {
text-align : center;
color : silver;
}
#demos {
background-repeat : no-repeat;
background-position : center;
width : 400px;
height : 416px;
}
.form {
background-color : transparent;
color : #666666;
width : 400px;
height : 416px;
}
#loading {
position : absolute;
top : 300px;
left : 150px;
}
#filmstrip {
background-image : url('../images/Filmstrip.jpg');
position : absolute;
top : 40px;
left : 820px;
width : 200px;
height : 600px;
}
.rood {
color : red;
}
.geel {
font-size : large;
color : yellow;
}
.silver {
font-size : large;
color : silver;
font-weight : bolder;
}
#teller {
background-attachment : scroll;
text-align : center;
width : 600px;
}
.table {
width : 600px;
text-align : left;
}
.tablelinks {
width : 600px;
text-align : center;
border : 1px solid gray;
}
#table a, a:link {
color : #ff0000;
}
#table a, a:hover, a:visited {
color : #cccccc;
}
.tr {
width : 150px;
}
.td {
width : 115px;
}
h1 {
color : white;
font-size : xx-large;
font-family : Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h2 {
color : silver;
font-size : x-large;
font-family : Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h3 {
color : white;
font-size : large;
font-family : Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h4 {
color : silver;
font-size : medium;
font-family : Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h5 {
color : #666666;
font-size : small;
font-family : Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h6 {
color : #666666;
font-family : Georgia, Tahoma, Verdana, Times New Roman, Arial;
font-size : xx-small;
}
.vraag {
color : #ff0000;
font-size : small;
font-family : Georgia, Tahoma, Verdana, Times New Roman, Arial;
width : 115px;
height : auto;
margin : 0;
padding : 0;
line-height : 130%;
}
.antwoord {
color : #00ff44;
font-size : small;
font-family : Georgia, Tahoma, Verdana, Times New Roman, Arial;
width : 115px;
height : auto;
margin : 0;
padding : 0;
line-height : 130%;
}
table td {
vertical-align : top;
}
table table {
margin-top : 10px;
}
table table td {
padding : 3px 5px;
}