Hoi....
Bedankt voor jullie reactie.....ik zal nu de code opzeten......................omdat website is niet meer online,omdat doet niet goed.
Hier is HTML code van pagina:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title><link href="text.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-image: url(FILMS/images/bg_films_copy.jpg);
}
-->
</style></head>
<body>
<div align="center">
<div id="content">
<img src="FILMS/images/page_copy.jpg" width="980" height="700" />
<div id="menu">
<ul>
<li><a href="ACTIE/actie.htm">Actie</a></li>
<li><a href="DRAMA/drama.htm">Drama</a></li>
<li><a href="SF/sf.htm">SF</a></li>
<li><a href="HORROR/horror.htm">Horror</a></li>
<li><a href="FAMILIE FILM/familie_film.htm">Familie Film</a></li>
</ul>
</div>
<div id="menu_bottom">
<ul>
<li><a href="AVONTUUR/avontuur.htm">Avontuur</a></li>
<li><a href="KOMEDIE/komedie.htm">Komedie</a></li>
<li><a href="OORLOG/oorlog.htm">Oorlog</a></li>
<li><a href="MISDAAD/misdaad.htm">Misdaad</a></li>
<li><a href="THRILLER/thriller.htm">Thriller</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
En hier is de css code van pagina,omdat deze subpagina maakt gebruik van eigen css bestand,en niet als de rest van de website,maar dat is toch geen probleem.,denk ik?
@charset "utf-8";
/* CSS Document */
html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFCC00;
font-weight: bold;
margin:0px;
padding:0px;
}
body {
width : 100%;
height:678px;
background-image:
url(images/bg_films_copy.jpg);
background-repeat:repeat-x;
font:24px Verdana, Arial, Helvetica, sans-serif;
color : #a52a2a;margin:0px;
padding:0px;
}
/*WRAP*/
#content {
width : 994px;
height:700px;
}
/*MAIN CONTENT*/
#content {
margin : -4px 0 0 0px;
padding : 0 0 0 0;
}
#content h2 {
margin: 30px 0 10px 10px;
font-size : 150%;
letter-spacing: 5px;
color : #FFD300;
}
#menu {
margin-top:-370px;
width: 900px;
height: 21px;
}
#menu ul {
margin: 0 0 0 5px;
padding: 0;
list-style:
none;
line-height: normal;
}
#menu li {
display:
inline;
}
#menu a {
display: block;
float: left;
width: 175px;
height: 21px;
padding: 7px 1px 0 1px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .2em;
font-size:
small;
font-weight: bold;
color:
#FFCC00;
}
#menu a:hover, #menu .active a {
background-image:
url(images/img_3.gif);
color: #FFCC00;
padding:3px;
}
#menu_bottom {
margin-top:300px;
width: 900px;
height: 21px;
}
#menu_bottom ul {
margin: 0 0 0 45px;
padding: 0;
list-style: none;
line-height: normal;
}
#menu_bottom li {
display:
inline;
}
#menu_bottom a {
display: block;
float: left;
width: 160px;
height: 21px;
padding: 7px 1px 0 1px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .2em;
font-size: small;
font-weight: bold;
color:
#FFCC00;
}
#menu_bottom a:hover, #menu_bottom .active a {
background-image: url(images/img_3.gif);
color: #FFCC00;
padding:3px;
}
Ik heb echt alles geprobeerd,maar lukt me niet te vinden wat is probleem..........
Thanx voor jullie interesse .............